개발
-
[2019.10.28] source tree - Invalid username or password개발 블로깅/오늘의 TIL 2019. 10. 28. 13:49
평소 터미널에서 git push나 Pull 등 원격 저장소에 접근하는 것은 잘 되는데, 소스트리를 이용해서 접근을 하려고 하니 아래와 같은 메세지가 자꾸 나타나면서 접근이 되지 않는다. Invalid username or password github user 정보에는 이상이 없다... 구글링을 해보니 아래와 같이 해결할 수 있다. # 해결방법 소스트리 창이 켜진 상태에서, 소스트리의 '설정'을 클릭한다. 설정 창에서 'git' 탭 클릭 후, '시스템 Git 사용'을 클릭한다. 위와 같은 창이 뜨면, 바로 '열기' 버튼을 클릭하면 된다 이제는 정상적으로 소스트리에서 github 저장소로 접근이 가능하다~!
-
[2019.10.25] 드디어 새로운 트레바리 마이페이지를 배포했다!핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 10. 25. 21:15
요 몇 주간 작업했던 트레바리 마이페이지 작업을 드디어 끝냈다. # 클럽 멤버십 화면 # 독후감 화면 # 결제내역 화면 기존에 마이페이지 화면 안에, 클럽, 입금 대기 이벤트, 찜한 클럽 내용들을 탭 형식으로 전부 나뉘어서 보여주던 것을, 결제내역 페이지, 찜 리스트 페이지를 생성하여 분리하고, 마이페이지 화면에서는 클럽, 이벤트, 독후감만 보여주도록 변경했다. 그리고 이번에 마이페이지의 디자인도 새롭게 싹 바뀌었다. 사실 큰 사이즈는 아니었지만, 이번에 작업을 하면서 코딩규칙과 마이페이지 로직을 완전히 파악하느라 시간이 꽤 걸렸다. 특히나 코드 리뷰를 엄청나게 받으면서 코드 규칙에 어느 정도 익숙해진 것 같다. 초반에는 너무 피드백 반영이 많아 진도가 나가지 않아서 엄청나게 지쳤던 것 같다. 그래도 갈..
-
[2019.10.03] 오늘의 TIL - 같은 class의 특정 태그에만 Style을 다르게 적용시키기개발 블로깅/오늘의 TIL 2019. 10. 3. 12:45
똑같은 Element에 똑같은 Style을 적용시키기 위해 아래와 같이 코드를 작성한다. .item { width: 100%; height: 100%; border: 1px solid black; } 첫번째 두번째 세번째 위 코드는 세개의 div 태그에 똑같은 item의 style이 적용된다. 그러나 특정 div 태그에만 border 색을 다르게 하고 싶다면? 해결책은 다음과 같다. # 첫 번째 div 태그에만 border색을 다르게 적용 시키는 법 .item { width: 100%; height: 100%; border: 1px solid black; } .item: first-child { border: 1px solid yellow; } # 첫 번째 div 태그에만 border색을 다르게 적용 시..
-
[2019.09.07] 슬기로운 개발생활 컨퍼런스 행사를 다녀오다.경험치 쌓기/일상 일기 2019. 9. 8. 02:00
오늘 이벤터스에서 주최하는 '슬기로운 개발 생활'이라는 컨퍼런스를 다녀왔다. 29,000원이라는 유료 컨퍼런스여서 쪼끔 고민이 되었지만... 발표 주제가 흥미로운 것이 많아 이번에 개발 동기 분과 다녀오기로 했다. # 발표 주제 개발자를 위한 디자인 이야기 : 디자이너와의 협업을 쉽게 하는 방법 공유 당신의 IDE, 이것만 알아도 1시간 일찍 퇴근 : 코딩에 도움을 줄 수 있는 여러 단축키 및 툴 컨트롤 공유 스타트업에서 테크 리더로 성장하기 : 스타트업 테크리더로 활동하기 위해 고민한 점, 노력한 점에 대해 이야기 렛츠git잇 : 우리가 잘 알지 못하는 실무에서 유용할 git, github의 기능 소개 및 공유 사격 중지! PM은 아군이다! : PM이란? PM에 대한 인식 및 역량, PM과 개발자 등 ..
-
[2019.08.18] Next.js - React의 Server Side Rendering 프레임워크개발 블로깅/Next.js 2019. 8. 18. 20:28
우선 Next.js를 설명하자면, 리액트를 서버사이드 렌더링 방식으로 쉽게 구현할 수 있도록 환경을 제공해주는 프레임워크이다. # 서버사이드 렌더링이란? 서버사이드 렌더링이란, 클라이언트 단에서 작업하던 View와 Controller를 서버에서 직접 작업하는 것이다. 클라이언트 사이드 렌더링은, 리액트로 뷰를 만들고, 각 각 필요로 한 데이터를 서버 API에 요청하여 사용하는 방식으로, 클라이언트와 서버가 분리되어 가동되는 방식이다. 서버사이드 렌더링은 클라이언트에서 하는 모든 작업을 서버에서 작업하여 뷰를 사용자에게 보여주는 방식이다. Next.js를 사용하면, 리액트에서 이러한 서버사이드 렌더링을 쉽게 구현할 수 있다. # Next.js 기본 세팅 프로젝트 환경을 우선 구축한다. 프로젝트 폴더 생성과..
-
[2019.08.10] 오늘의 TIL - CRA eject란?개발 블로깅/오늘의 TIL 2019. 8. 10. 21:10
CRA(Create React App)을 생성하면, 기본 스크립트 명령어가 4개가 존재한다. # CRA 기본 스크립트 명령어 4가지 // package.json "scripts": { "start": "cross-env NODE_PATH=src react-scripts start", "build": "cross-env NODE_PATH=src react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" } 그 중, 마지막 eject라는 명령어에 대해서 알아보자. # eject란? eject는 해당 프로젝트에 걸려서 숨겨져 있는 모든 설정을 밖으로 추출해주는 명령어다. $ yarn eject or ..
-
[2019.08.10] '코드스테이츠 Pre코스 세션'을 직접 진행하다.핵인싸 개발자의 길/구직생활(2019.7~2019.8) 2019. 8. 10. 14:12
며칠 전, 코드스테이츠에서 Pre코스 세션 진행을 맡아달라고 연락이 왔다. 올해 2~3월, Pre코스 세션을 듣던 내가, 이제는 Pre코스 세션을 직접 진행하게 되다니.. 전부 알고있는 내용이긴 하지만, 괜히 누군가를 가르친다는 것에 많이 걱정이 되고 떨렸다. # Pre코스 세션을 진행할 장소, 스파크플러스 선릉 2호점 공용 사무실 종류가 꽤나 많나보다. 패스트파이브, 위워크 외에 또 있다니! 위워크는 주말에는 에어컨을 틀지 않아, 주말에 진행하는 세션은 스파크플러스에 임대하여 진행하게 되었다. # Pre코스 오프라인 세션을 진행하는 모습 인원은 총 12명. Pre코스에서 진행하는 총 4문제를 3시간동안 풀고, 공유하고, 의견을 주고받는 시간으로 진행하였다. 다들 엄청 잘하셔서 놀랐다... 내가 생각치도..
-
[2019.08.04] PWA(Progressive Web App)이란?개발 블로깅/기타 개념 2019. 8. 4. 16:25
PWA(Progressive Web App)이란, 네이티브 앱과 웹의 장점을 합친 프론트엔드 개발 환경이다. # 웹의 특징(장,단점) 앱 설치과정 없이 URL 접속으로, 서비스 진입장벽이 낮다. 실시간 컨텐츠 업데이트 환경을 갖추고 있다. ----------------------------------------- 실행 구동이 앱보다 퍼포먼스가 떨어진다. 푸쉬알림과 같은 백그라운드 동작을 할 수 없다. 오프라인 구동이 불가능하다. # 앱의 특징(장,단점) 실행구동이 원활하다. 백그라운드 동작이 가능하다. 오프라인 구동이 가능하다. ------------------------------------------ 처음 앱 설치과정이 있어, 진입장벽이 크다. 컨텐츠 최신화 환경이 웹보다 떨어진다. # PWA 특징 ..