개발자
-
[2020.08.13] 퇴사 후, 한 달을 되돌아보며핵인싸 개발자의 길/Life Log 2020. 8. 13. 20:01
트레바리를 퇴사한 지 어느덧 한 달 남짓이 되었다. 사실 한 달만 더 채우고 8월에 퇴사를 했다면, 입사 1년을 채워서 한 달치 월급인 퇴직금과 새로 주어질 1년 치 연차를 돈으로 환산 받음으로써 지금보다 훨씬 더 많은 생활비를 보유할 수 있었을 것이다. 그래서 그런지, 주위에 퇴사 얘기를 하면 무조건 '한 달만 더 채우지...'라는 말을 꼭 들었다. 그럼에도 불구하고 내가 그 많은 돈을 포기한 채 입사 11개월만 채우고 퇴사를 결심한 이유는, '한 달이라는 시간이 그 몇 백만 원어치의 돈보다 더 값질 것'이라 생각했기 때문이다. 이러한 생각을 가지고 최종 결정을 하기까지, 그 당시엔 엄청나게 많은 시간과 에너지를 쏟으며 고민을 하게 되었다. 말 그대로 정말 적지 않은 금액이었기 때문에... 하지만 그 ..
-
[2020.01.05] Next.js에서 document가 undefined으로 나타나는 이유개발 블로깅/Next.js 2020. 1. 5. 15:39
이번에 트레바리에서 각종 이벤트와 마케팅, 모임 안내 등 여러 수신 알림 채널을 계획 중이다. 기존에는 이러한 정보를 수신받기 위한 채널이 문자전송 밖에 없었는데, 앞으로는 문자뿐 아니라 이메일과 다른 요소 등 전송 채널을 더 넓혀서 유저들이 누릴 수 있는 유용한 정보를 놓치지 않고 더 최대한 많은 혜택을 누릴 수 있도록 하기 위함이다. 그래서 이러한 마케팅 정보 수신 안내를 기존 멤버들에게 알리고 동의를 받고자, '트레바리 마케팅 정보 통합 수신 동의' 기능을 구현하기로 했는데, 해당 기능을 구현 중 맞닥뜨린 이슈사항이 하나 있었었으니...바로 document가 undefined로 나타나는 것이었다.. 처음이 이러한 현상이 어떻게 일어날 수 있는지 몰랐으나, 알고보니 내가 CSR과 SSR의 동작원리에 ..
-
[2019.10.25] 드디어 새로운 트레바리 마이페이지를 배포했다!핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 10. 25. 21:15
요 몇 주간 작업했던 트레바리 마이페이지 작업을 드디어 끝냈다. # 클럽 멤버십 화면 # 독후감 화면 # 결제내역 화면 기존에 마이페이지 화면 안에, 클럽, 입금 대기 이벤트, 찜한 클럽 내용들을 탭 형식으로 전부 나뉘어서 보여주던 것을, 결제내역 페이지, 찜 리스트 페이지를 생성하여 분리하고, 마이페이지 화면에서는 클럽, 이벤트, 독후감만 보여주도록 변경했다. 그리고 이번에 마이페이지의 디자인도 새롭게 싹 바뀌었다. 사실 큰 사이즈는 아니었지만, 이번에 작업을 하면서 코딩규칙과 마이페이지 로직을 완전히 파악하느라 시간이 꽤 걸렸다. 특히나 코드 리뷰를 엄청나게 받으면서 코드 규칙에 어느 정도 익숙해진 것 같다. 초반에는 너무 피드백 반영이 많아 진도가 나가지 않아서 엄청나게 지쳤던 것 같다. 그래도 갈..
-
[2019.10.11] Mac 터미널로 VScode 여는 'code' 명령어를 영구적용 시키는 법개발 블로깅/오늘의 TIL 2019. 10. 11. 22:23
mac 터미널에서 VScode를 열기위해 사용하는 명령어 'code' 그런데 해당 명령어를 사용하게 위해서는 vscode를 들어가서 shell path 적용을 해주어야 해당 명령어를 사용할 수 있다. 그러나 이 방법은 VScode를 완전히 끄면, 다시 code 명령어를 사용할 수 없다. 그래서 이 명령어를 영구적으로 사용하는 방법을 구글링 해보면 대체적으로 아래와 같은 방법이 많이 보인다. # .bash_profile 혹은 .zshrc에 PATH 설정 cat > ~/.bash_profile # Visual Studio Code export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin/" EOF 그러나 나는 해당 ..
-
[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.21] 트레바리 테크 셀 크루로 활동한지 벌써 한 달.핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 9. 21. 13:07
트레바리 크루로 합류한 뒤 한 달이 지났다. # 한 달간 활동한 내용 어드민 프로젝트의 제일 파악하기 쉬운 공지사항 페이지부터 분석 클럽 페이지 전체적인 개선작업 어드민 클럽 페이지의 매뉴얼 작성 하드코딩 되어있던 조직도 내용을 어드민 페이지에서 직접 수정할 수 있도록 내재화 User 시스템에서 아지트 대관 신청을 14일 이내로만 신청할 수 있도록 변경 어드민 시스템 결제수단 페이지에서 결제 방식을 b2b로 변경할 수 있는 기능 생성 (API 미완료) 파트너 페이지에서 카톡방 초대 여부 확인 가능한 기능 생성 (API 미완료) 현재 유저 시스템의 마이페이지 매뉴얼 작업 중 한 달이란 시간 동안 많은 일을 하지는 않았지만, 그동안 시스템도 어느 정도 파악하게 되었고, 며칠 전에는 실제 프로덕션에 내가 작업..
-
현재까지 피드백 받은 내용 정리핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 9. 16. 00:08
지금까지 트레바리 안에서 작업한 내용에 대해 받은 피드백 정리 # 코드 리뷰 파일 명, 클래스 명, 변수 명을 더 직관적으로 일관성있게 작성 변수명은 무조건 카멜방식 array 변수명은 복수형으로. API 함수 이름은 결과 데이터로 표현하는 것보다, 실행되는 기능을 표현하는 방식으로. ex. namesData() - (X), getNames() = (O) # 매뉴얼 제작 리뷰 해당 매뉴얼을 사용자들이 언제 보고 싶을지를 생각할 것 최대한 상세하게 작성도 좋지만, 매뉴얼 변경사항에 대한 유지보수가 쉽도록 (불필요한 사진, 도형은 삭제) 하나의 내용을 여러 슬라이드로 나누지 말고, 하나의 슬라이드로 한 눈에 확인할 수 있도록. 더욱 더 신경 쓰자~!!
-
[2019.09.13] git rebase 사용법 - commit 상태를 변경시켜보자.개발 블로깅/기타 개념 2019. 9. 13. 22:17
'git log' 명령어를 입력하면, 해당 프로젝트의 commit 내용들을 확인할 수 있다. 그러나 작업하는 도중, 과거에 커밋한 내용에 대해 수정할 내용(코드, 커밋 메시지)이 있으면, 해당 커밋으로 돌아가서 내용을 변경할 수 있다. # 첫번째 practice1.js 파일 생성 현재 pratice1.js라는 파일을 새로 만든 후, 하나의 함수를 선언하고 '두 번째 commit'이라는 메시지로 commit을 하였다. # 두 번째 practice2.js 파일 생성 그리고, practice2.js 라는 파일을 하나 더 생성하여, '세 번째 commit'이라는 메시지로 commit을 한다. 여기서, 내가 '두번째 commit'으로 남긴 commit 메시지 내용을 변경하고 싶으면 아래와 같이 한다. # git ..