본문 바로가기

분류 전체보기

 (131)
부스트캠프 회고 - 멤버십 6주차 day5 SVG 사용하는법 겉핥기 조금 Component의 정의 프레임워크, 사람마다 조금씩 다르다 보편적으로는 '최소한의 UI 요소'를 말함 새로운 키워드(feat 피어세션) custom HTML element # notation : private class method (실험적 기능) 피어세션 오늘도 다른 분들에게 많이 배웠다. 조원 분들 중 한분이 새로운 패턴을 많이 보여주셔서 개안을 한 느낌. 지난주에 좋다고 생각했던 PR 요약 -> 코드 읽기 -> 모아서 리뷰 방식을 사용했는데, 3시간을 했음에도 불구하고 시간이 조금 부족했다. 질문을 말이 아니라 글로 하다보니, 그때그때 발표자가 조금 혼자 쭉 이야기하는 느낌이 드는데 만약 질문을 쓴 사람이 소리내어 읽도록 하면 더 활기찬 느낌이 날 것 같다. 리뷰 그..
부스트캠프 회고 - 멤버십 6주차 day4 SPA에서 routing하기 실습 history API 이용하기 .babelrc로 특정 파일, 폴더 빌드 세팅 바꿔주기 학습 스프린트 마지막으로 리뷰어님께 PR을 리뷰받는 날이다. 마지막이라 그런지 PR을 쓰는데만 거의 1시간을 쓴 것 같다. 그동안 리뷰어님 피드백으로 배운 것이 많았는데, 앞으로 리뷰가 없다니 좀 허전할 것 같다. 리뷰어님께 정말 감사한데 직접 뵙고 인사드릴수가 없어서 정말 아쉽다. 나중에 직장이나 세미나 같은데서 뵐 기회가 있을까? 운동을 해주었더니 12시 반인데 벌써 몸이 잠을 자라고 난리다... 오늘은 아무래도 밤샘 작업보다는 일찍 자고 일어나서 내일 새벽/아침에 추가로 코딩을 해주는 것이 좋을 것 같다. 수면 패턴 깨는것도 좋지 않으니까... 한번 밤새면 수명이 몇분정도 줄어드는..
부스트캠프 회고 - 멤버십 6주차 day3 stylelint 사용법 css외 scss에도 linting이 가능 prettier에서 설정해서 저장 시 적용되도록 세팅 가능 javascript 숫자에 천단위 콤마 붙여주기 number.toLocaleString()을 사용하면 지역에 맞는 separator를 붙인 string으로 변환가능 HTML Entity 구글에 검색해서 특수문자를 escaping된 상태로 html에 넣을 수 있다 Sequelize에서 Join 하기 .findAll()을 사용할때 { include: [모델1, 모델2] } 과 같이 옵션을 추가 Include된 모델에서 또 include 옵션을 주어서 Nested하게 사용도 가능 프론트엔드 작업량이 너무 많다... 내가 느린건가? 오늘은 거의 어제 PR리뷰받은 사항을 반영하는데 2시간..
부스트캠프 회고 - 멤버십 6주차 day2 Frontend MVC + Observer Pattern Model에서 api를 통해 가져온 및 상태를 제어 Controller에서 이벤트 핸들링 및 Model 변경 제어 View에서는 DOM 제어 View는 Model를 subscribe하여 변경 시 notify를 통해 상태 전달받고 DOM을 업데이트한다 Webpack resolve를 이용한 alias 세팅 ../../../와 같은 긴 상대경로를 사용하는 대신 '@'와 같은 기호를 root directory의 alias로 세팅하여 사용 MVC 구조와 Observer 패턴을 이해하는 데 오래걸렸고, 처음에는 왜 이런 구조를 채택해야 하는지 의아했는데 구현해놓고 나니 상태 변경이 있을 때 View의 제어가 아주 쉬워지는 것을 느끼고 놀라웠다. 나중에 Gan..
부스트캠프 회고 - 멤버십 6주차 day1 Observer 패턴 Observable과 Observer의 관계 Controller를 도입할 경우 이벤트와 그에 따른 data의 flow Model - View 의존성 분리 Sass Webpack에서 loader 세팅 및 사용법 계층구조를 사용한 CSS 선언 주말에 여러가지 시도해보고 싶었던 것들이 있는데, 매일 약속이 있다보니 CS 스터디 발표를 조금 준비하고 밀린 회고를 쓰는 것 외에는 생각했던 것들을 하지 못했다. 약속을 줄이는 것도 방법이겠지만... 그보다는 먼저 주말까지 규칙적인 사이클을 유지해서 가용시간을 더 확보해봐야겠다. 목요일, 금요일 달리고 주말에 너무 늦잠을 자버리다 보니 점심쯤 일어나서 정신차리고 약속을 다녀오면 남는 시간이 없는 것 같다. 어제 일찍 자려고 노력해서 컨디션은 나쁘..
부스트캠프 회고 - 멤버십 5주차 day 3~5 PM2 사용하기 node.js를 production 모드로 돌리기 app 모니터링 해주기 자동배포를 위한 reload 추후 멀티스레드를 사용한 배포도 배워보자 Passport express app의 인증 시스템을 위한 백화점 local, jwt, custom strategy 사용법 jsonwebtoken Signing 및 다시 복호화해서 발급시의 Client-side 정보 얻어내기 stateless 인증방식 OAuth2 GitHub의 OAuth2 API를 사용 passport의 지원이 충분치 않아서, 직접 custom strategy로 구현 OAuth2의 인증 방식 flow 인증 시 토큰의 data flow를 그려보는 것이 큰 도움이 되었다 피어세션을 하면서 코드를 바로 설명하고, 같이 화면공유로 보는 ..
부스트캠프 회고 - 멤버십 5주차 day2 Sequelize model 정의방법 기본 get, insert, update, delete 방법 공식 documentation 튜토리얼 모델 간 의존성 선언하여 foreign key 만들기 Singleton 디자인 패턴 전역변수처럼 사용하지 않도록 조심해야 한다. 남발하면 의존성이 코드에서 숨겨진 스파게티 코드가 될 수 있고, 단위 테스트가 어려워진다. Shared Resource를 단일하게 사용해야 할때만 사용해야 좋을 듯 단순히 Global Access를 위한다면 사용하지 말자 지금 정착한 회고 스타일이 익숙해져서 편한데, 독자가 보기에는 재미있는 format이 아닌 것 같다. 이전에 다른 분의 회고를 본 적이 있는데, 그림과 함께 읽기가 더 재미있었다. 줄글과 이미지를 쓰는 것이 좋으려나? bul..
부스트캠프 회고 - 멤버십 5주차 day1 ERD 제작용 툴 erdcloud.com 손으로 그리는 것도 좋지만 툴을 이용해서 깔끔하게 테이블 구조를 짤 수 있다 Team으로 만들면 동시편집도 가능 새로운 팀원 분들을 만났다. 이번주는 다들 아는 분들이라서 신기하다. 한분은 바로 전 주에 같은 조이셨고, 한분은 피어세션때 만나뵈었고, 한분은 Slack에서 자주 뵌 네임드(?)이셔서 모든 이름이 익숙했다. 다들 활기차고 적극적으로 참여하는 분들이라 이번 프로젝트는 스크럼이 활동적일 것 같다. ERD를 조별로 같이 그렸는데, 시간은 2배로 걸리고 퀄리티는 1.5배정도가 되는 느낌 연휴 직전이라서 그런지 조급함이 들지 않는다... 긴 연휴를 앞두어서 그런지 다들 오늘은 적당히 하고 추석에 슬슬 해야지... 라는 느낌이다. 새로운 팀원 분들하고 친해지도록..

티스토리툴바