Activity/우아한테크캠프 4기
-
우아한테크캠프 9주차 회고Activity/우아한테크캠프 4기 2021. 9. 5. 15:58
드디어 마지막 최종 데모가 끝났다! 최종 배포버전 링크 이번 3주차는 마지막 주 화요일 까지 진행이 되어 좀 더 길게 느껴졌다. 이번 주 동안 8주차에서 백엔드 작업을 한 부분을 연결하는 작업을 진행했고, 나는 아래와 같은 역할을 주로 수행했다. 디바운스와 스로틀링을 이용한 자동완성 Debounce와 Throttle이란? 스크롤이나 타이핑 처럼 이벤트가 무수히 많이 일어날 때 해당 이벤트와 바인딩 되어있는 핸들러 또한 무수히 많이 불리는 것을 방지하기 위해사용되는 최적화 기술이다. 디바운스는 해당 이벤트가 일시 중단되었을 때, 가장 마지막의(또는 가장 처음의) 이벤트 핸들러를 실행하는 방식이고, 스로틀은 이벤트가 일어나는 동안 특정 주기로 핸들러를 실행하는 방식이다. 이해를 돕기위해 아래 예제를 만들어 ..
-
우아한테크캠프 8주차 회고Activity/우아한테크캠프 4기 2021. 9. 3. 16:39
8주차에는 TypeORM을 사용해서 백엔드 API 서버를 구축하는데 비중을 두었다. 그 중 내가 맡은 파트는 다음과 같았다. JWT방식 로그인 시스템 구현 우리 서비스의 로그인은 JWT 방식을 활용했는데, 우선 다양한 로그인 방식과 그 차이점을 알아보자. 1. Session 인증방식 - 유저가 로그인 했을 때, 세션에 유저의 정보를 저장하고 해당 세션의 ID를 쿠키에 저장하는 방식. - 이후 유저 정보가 필요한 요청을 하면(내가 쓴 리뷰, 구매목록 조회 등) 해당 세션에 담긴 유저의 정보를 갖고 해당 요청을 수행한다. 장점: HTTP 요청 중 쿠키가 탈취당해도, 세션 ID는 의미있는 값이 아니기 때문에 보안상 안전하다고 생각 단점: 세션 저장소를 사용하기 때문에 사용자가 늘어날 경우 서버에 부담이 된다...
-
우아한 테크캠프 6주차 회고Activity/우아한테크캠프 4기 2021. 8. 15. 01:24
처음 겪어본 4인(FE) 프로젝트 벌써 마지막 프로젝트로 진입했다. 지난 금요일에 크롱이 예고 했 듯 4명의 교육생이 한 팀이 되었다. 그 중 가까이 살고 있는 코드스쿼드 출신 영준님(DD)과 이번 4기에서 개인적으로 뛰어나다고 생각 하는 사람 중 한 분인 정민님, 그리고 고등학생인 용성님과 한 팀이 되었다. 일단 나 빼고 세명의 라인업만 봐도 굉장히 든든했다..! 우리는 E_T_들! 첫 날에 각자 자기 소개를 하면서 서로의 mbti를 물어보았는데 영준님과 내가 ENTJ, 정민님과 용성님이 ESTP로 ET성향이 겹쳤다. 그래서 한번에 팀명을 ET로 짓기로 만장일치가 되었다. (ㅋㅋㅋ) 개인적으로 이번 주 동안 진행하면서 팀원들에게 느낀 점은 아래와 같다. 정민님 역시 빠르고 빈 틈 없이 잘 한다. 리액트..
-
우아한 테크캠프 5주차 회고Activity/우아한테크캠프 4기 2021. 8. 15. 00:35
대시보드 느낌으로! 프로젝트를 진행하면서 디자인의 변화를 조금 주고싶었다. pc버전의 가계부에서는 사실, 페이지를 이동하면서 그래프와 달력, 지출 내역을 왔다갔다 하는 것 보다는 한눈에 모든 내용을 보여주는 것이 사용자 입장에서 더 편할것이라 생각했다. 그래서 과감하게 페이지 기능을 제거하고 (주말에 만든 라우터는 필요가 없게 되었다...) 한 페이지에 대시보드 형식으로 모든 데이터를 보기 좋게 넣는데 힘썼다. 다행히 내가 생각한 레이아웃 대로 잘 나와서 기분이 좋았다 👍🏻 Chart 우혁님이 맡은 Chart 부분을 보면서 내용을 정리해봤다. 처음에는 canvas로 그릴지 svg로 그릴지 고민을 했는데, canvas로 차트그리기에 도전한 그림님이 svg를 추천해 주셔서 (canvas는 원형 차트가 살짝 ..
-
우아한테크캠프 4주차 회고Activity/우아한테크캠프 4기 2021. 8. 8. 18:22
아니 잠깐 우혁님..?! 우리 이번에 같은 팀이네요?? 우혁님은 나와 같은 방이동 (심지어 도보 3분도 안되는 거리의) 주민이다. 캠프를 같이 시작했을 때 부터 지금까지 약 4, 5번 정도 만난적이 있다. 그런데 이번에 팀이 된 것을 보자마자 너무 반가운 마음에 DM을 날렸다..! 그리고 곧바로 점심을 같이 먹으며 앞으로 진행 될 프로젝트에 대해 이야기를 했다. 점심 식사 후, 우혁님과 컨벤션과 그라운드 룰을 짜는게 재미있었다. 송파구에서 일 잘하는 10가지 방법(방이동편) 신나게 그라운드 룰을 짜고 있는데 프로젝트 기획서가 날아왔다. 이번 프로젝트는 커리큘럼에서 예고한 바와 같이 가계부 만들기 프로젝트였다. 이번에는 프로젝트의 완성도를 목표로 하고싶어요! 지난 금요일에 프로젝트를 마치고 인규님, 영준..
-
우아한테크캠프 3주차 회고Activity/우아한테크캠프 4기 2021. 8. 8. 17:49
드디어 시작된 열정의 3주차..! 이번 프로젝트에서 우리는 Vanilla JS로 SPA 프레임워크를 만들어 보고자 했고, 큰 컨셉은 세가지로 이루어졌다. Router, Virtual DOM, JSX Parser 01. Router 만들기 가만 생각해보니 이번에 우테캠 2차 과제를 할 때 Vanilla JS로 라우팅이 구현되어 있던 기억이 났다. 해당 라우팅의 핵심 구조는 다음과 같았다. 글 로만 설명이 될지는 잘 모르겠다... 1. 'hashchange' 이벤트가 일어나면 index.ts에서 현재 Path 확인 2. path를 key로 하는 page 엘리먼트 불러오기 3. 뒤로가기를 할 때 history.back(-1)을 불러주기 hash기반 라우팅은 url에 #가 붙어서 유저가 보기에 좋지 않다는 단점..