React로 웹 페이지를 개발하는 도중, 태그를 import 하여 사용하려 했는데, 그러기 위해서는 react-router-dom을 설치하여야 했다. 터미널에서 npm install --save react-router-dom 을 한 후, 페이지를 새로고침 해보았지만, 작동이 안 되었다. 명령어가 틀렸나 싶어 다시 한번 확인해보고, 인터넷에 검색하여 다른 명령어로도 실행해보았지만, 터미널에는 에러가 안 뜨는데 React 페이지는 에러로 가득했다(ㅠㅜ). 답답하던 찰나, 터미널의 path가 front모듈이 설치된 경로가 아닌 root file이름으로 되어있는 것을 보고, 바로 path를 front로 바꾼 뒤 명령어를 입력하고 실행을 하니 아주 깔끔하게 정상 작동하였다. 부끄럽지만 이런 사소한 실수를 재발하는..
개발자들은, 특히 신입 개발자들은 회사에 입사하기 위해 자신의 능력을 증명해야 한다. 이때까지 해왔던 블로그 활동이든, 프로젝트든.. 많이 쓰이는 방법이 코딩 테스트이다. 최근 한 회사에 지원을 하게 되었고, 과제가 첨부된 메일이 도착했다. 과제는 TypeScript를 사용하여 짜여진 프로그램을 리팩토링 하는 것이었다. 친구의 추천으로 이름은 들어본 언어였다. 방학중에 해보자고 다짐만 했었던 TypeScript를 공부해서, 빠른 시일 내에 리팩토링까지 한 다음 제출해야 한다니.. 당장 구글에서 TypeScript 강의를 검색하였고, 아래 두 개의 사이트를 찾아내었다. https://ahnheejong.gitbook.io/ts-for-jsdev/ 자바스크립트 개발자를 위한 타입스크립트 ahnheejong...
[Python] Pyqt5 QLabel Clickable 설정하기
Pyqt5를 이용하여 GUI를 짜는 도중, 한 가지 어려움에 다다랐다. QLabel에 Image를 넣어놓았다. Image를 클릭할 시 FileOpenDialog가 뜬 후, 사용자가 Image를 고르면 해당 이미지로 바뀌어야 하는 기능을 구현하여야 했다. QLabel에는 clicked라는 속성이 없었고, 여러 MouseEvent가 있었지만 사용해보아도 원하는 방법이 아니었고, 에러가 많이 떴다. 해결안 또한 복잡했다. 그래서 구글에 검색을 하다보니 functools라는 모듈을 사용하는 방법이 나왔다. 코드는 아래와 같다. ... self.mainImg = QLabel(self) # main사진이 들어갈 Label self.mainImg.setObjectName('mainImg') self.mainImg.s..
[Spring] Annotation에서 이유를 모르는 Error가 발생했을때 대처법
이전 수업시간에 하였던 파일을 열어서 실행해보는 도중에, 여러 Annotation에서 error가 발생하였다. 정말 당황스럽게도, import는 빠짐없이 다 하여도, 검색을 해서 하라는 데로 해보아도 해결되지 않았다. 수업시간에 선생님께 여쭤보아 해결할 수 있었다. 우측 탭의 Gradle -> Tasks -> build -> clean 실행 -> build 실행을 하면 된다. 겨우 이것 때문에 얼마나 찾아헤맸는지..
인터넷을 뒤지다 정말 예쁜 UI 디자인들을 모아놓은 사이트를 발견하여 공유한다. Premium UI Downloads - UpLabs www.uplabs.com @UI Design Mobile/Tablet UI Design www.pinterest.co.kr 아래는 예쁜 색 조합을 모아놓은 사이트이다. Colorion Curated Color Palettes with Search and Tags Support material.colorion.co 안드로이드, 웹, IOS 등 보면 정말 하나같이 예쁜 디자인들로 가득하다. 개발하고 디자인하는데 있어 참고가 되었으면 한다.
[Android] Bubble Picker
'잼라이브'라는 퀴즈 어플에는 이용자들에게 라이브 퀴즈 쇼 이외에 조금 더 재미를 주기 위해서 여러 가지 방법을 택하여 대시보드에 넣어놓았다. 그중 Bubble이라는 메뉴가 있는데, 클릭하면 상세화면으로 들어간다. 화면은 위 사진과 같다. '달고나 몇 개 찾기'와 같은 특정 조건을 달성하면, 앱 내에서 사용 가능한 '잼' 혹은 상품을 준다. 앱에 적용된지 얼마 되지 않은 이 기능을 처음 보고, 어떻게 개발했을까 하는 궁금증과 만들어보고픈 마음이 생겼었다. 마침 진행 중인 학교 개인과제 프로젝트에 이 기능을 넣을 수 있을 것 같아서 검색을 해보았다. Bubble Picker라고 검색을 하니 github링크가 바로 나왔다. 만들면서 참고한 링크를 첨부한다. 찾아보니 꽤 오래전에 나왔던 재밌는 기능인데, 왜 ..