블로그

저장소 링크 배포 링크 학습 키워드 1. 가상돔 호빈님이 직접 가상돔을 구현하셨는데.. 그 과정에서 아주 미세한 도움이 되긴 했지만 내가 만든 결과물이 아니기에 코드를 분석하면서 공부해봐야할듯! 리액트 virtualDom 문서 2. Sequelize ORM ORM을 처음 사용해봤는데 모델만 정의해도 DB에 테이블이 생성되는게 너무 신기했다.. 오.. TypeORM도 있는데 TypeORM과의 차이가 뭘까??? 3. svg를 이용한 차트 그리기 혼자서 구현하다가 도넛이 너무 이상하게 만들어져서 결국 종호님의 블로그 글을 참고해서 차트를 만들었는데 path를 사용했을 때와 circle을 사용했을 때의 차이를 명확히 설명할 수 있도록 공부가 필요하다. 세 번째 프로젝트의 핵심은 1번과 3번인듯! :) Keep ..

저장소 링크 배포 링크 이번 회고는 저번의 회고에서 개선한 방식을 적용해보기로 했다. :) 학습 키워드 1. history와 SPA pushState, replaceState 2. 개발 환경과 배포 환경을 나눠서 구현하기 3. s3를 사용한 정적 웹 페이지 배포 빌드한 파일을 s3에 업로드해서 배포한다는 생각을 해보지 않았었는데.. 역시 사고는 개방적이야 한다. :) 세번째 프로젝트에서 ec2가 많이 아파서 Nginx를 사용해서 빌드된 파일을 서빙하고 있는데 s3를 활용해보면 어떨까 하는 생각이 든다. 4. sass:map sass에 대한 욕심이 생겨서 새로운 시도를 해보다가 찾았는데 두번째 프로젝트 환경에서는 굳이 필요하다는 느낌은 받지 못했다. 기존의 방식이 아닌 새로운 방식의 시도를 해본 것으로 만..

그동안 회고를 왜 적어야 하는지, 어떻게 적어야 하는지에 대한 의문을 가지고 있었다. 그리고 이런 핑계들로 작성을 미루고 미루다 보니... 보다시피 블로그한테 미안할 정도였다. 그래서 왜 써야하는지에 대한 이유를 채워넣어야 움직이지 않을까라고 생각하여 회고를 작성할 동기를 찾아보았다. 이 글은 회고이면서도 그 과정에 대한 정리이기도 하다. 먼저 회고에 대해서 찾아봤다. 회고의 사전적 의미는 다음과 같다. 회고 1. 돌아다보는 것. 2. 지나간 일을 돌이켜 생각하는 것. 그래서 내 마음대로 회고는 지난 날을 돌아보며, 과거보다 조금 더 완성된 자신을 만드는 것. 라고 정의내렸다! 그런데 내가 블로그에 남기는 회고의 목적이 뭘까 생각해봤는데.. 솔직하게 말하자면 구직자의 입장에서 나는 이렇게 열심히 살고 있..

개요 웹팩은 시작점을 통해 연결된 모든 의존적인 모듈을 하나의 파일로 합쳐주는 모듈 번들러이다. 번들러란 무엇일까? 부터 들어가기에는 로더에 대해 알아보려하기 때문에 넘어가도록 하자! 참고로 시작점은 복수일 수도 있다. 로더 웹팩에서 로더는 번들링을 위한 파일의 변환을 도와주는 핵심적인 역할을 담당한다. 로더를 통해 자바스크립트 파일에서 CSS 파일을 import할 수 있고, TypeScript와 같은 다른 언어를 JavaScript로 변환할 수 있다. 로더의 사용 방법은 설정 파일과 인라인의 두 가지 방식이 있지만 공식 사이트에서는 설정 파일을 통한 사용을 권장한다. 그러므로 별도로 소개는 하지 않겠지만... 인라인 방식의 예시는 아래와 같다. import Styles from 'style-loader..

저장소 링크 배포 링크 코드스쿼드를 마치자마자 시작한 우아한테크캠프 4기. 최근 6개월을 주 6일이상 공부하면서 지냈고, 이번에 그보다 더 열정을 쏟아부어야 하는 과정을 맞이하니 일주일이라는 짧은 휴식이후 2개월을 제대로 버틸 수 있을까 걱정됐다. 그런데 막상 첫 프로젝트를 진행하며, 너무나도 멋진 분들과 함께 지내다보니 머릿속에 있던 걱정은 사라지고 더 열심히 해야겠다는 생각으로 점철되더라! 첫날인 월요일에는 빠르게 끝나기도 했고.. 맥북 받고 환경설정 하다보니 하루가 금방 지나가버렸다. 팀이 발표된 시점에는 이미 저녁이 가까워졌고, 개발을 하기보다 친해지는 과정이 우선이라 생각해서 팀원인 문지호님과 가볍게 서로 잡담을 나누는 시간을 가졌다. 서로 연락처도 교환하고! ::) 화요일에는 협업에 대한 규칙..