티스토리

Hov log

검색하기

블로그 홈

Hov log

blog.leehov.in/m

웹 프론트엔드 동료들과 사용자들에게 감동적인 경험 선사하기🏃

구독자: 2

방명록 방문하기

주요 글 목록

우아한테크캠프 9주차 회고 드디어 마지막 최종 데모가 끝났다! 최종 배포버전 링크 이번 3주차는 마지막 주 화요일 까지 진행이 되어 좀 더 길게 느껴졌다. 이번 주 동안 8주차에서 백엔드 작업을 한 부분을 연결하는 작업을 진행했고, 나는 아래와 같은 역할을 주로 수행했다. 디바운스와 스로틀링을 이용한 자동완성 Debounce와 Throttle이란? 스크롤이나 타이핑 처럼 이벤트가 무수히 많이 일어날 때 해당 이벤트와 바인딩 되어있는 핸들러 또한 무수히 많이 불리는 것을 방지하기 위해사용되는 최적화 기술이다. 디바운스는 해당 이벤트가 일시 중단되었을 때, 가장 마지막의(또는 가장 처음의) 이벤트 핸들러를 실행하는 방식이고, 스로틀은 이벤트가 일어나는 동안 특정 주기로 핸들러를 실행하는 방식이다. 이해를 돕기위해 아래 예제를 만들어 .. 공감수 1 댓글수 8 2021. 9. 5.
우아한테크캠프 8주차 회고 8주차에는 TypeORM을 사용해서 백엔드 API 서버를 구축하는데 비중을 두었다. 그 중 내가 맡은 파트는 다음과 같았다. JWT방식 로그인 시스템 구현 우리 서비스의 로그인은 JWT 방식을 활용했는데, 우선 다양한 로그인 방식과 그 차이점을 알아보자. 1. Session 인증방식 - 유저가 로그인 했을 때, 세션에 유저의 정보를 저장하고 해당 세션의 ID를 쿠키에 저장하는 방식. - 이후 유저 정보가 필요한 요청을 하면(내가 쓴 리뷰, 구매목록 조회 등) 해당 세션에 담긴 유저의 정보를 갖고 해당 요청을 수행한다. 장점: HTTP 요청 중 쿠키가 탈취당해도, 세션 ID는 의미있는 값이 아니기 때문에 보안상 안전하다고 생각 단점: 세션 저장소를 사용하기 때문에 사용자가 늘어날 경우 서버에 부담이 된다... 공감수 2 댓글수 0 2021. 9. 3.
우아한 테크캠프 6주차 회고 처음 겪어본 4인(FE) 프로젝트 벌써 마지막 프로젝트로 진입했다. 지난 금요일에 크롱이 예고 했 듯 4명의 교육생이 한 팀이 되었다. 그 중 가까이 살고 있는 코드스쿼드 출신 영준님(DD)과 이번 4기에서 개인적으로 뛰어나다고 생각 하는 사람 중 한 분인 정민님, 그리고 고등학생인 용성님과 한 팀이 되었다. 일단 나 빼고 세명의 라인업만 봐도 굉장히 든든했다..! 우리는 E_T_들! 첫 날에 각자 자기 소개를 하면서 서로의 mbti를 물어보았는데 영준님과 내가 ENTJ, 정민님과 용성님이 ESTP로 ET성향이 겹쳤다. 그래서 한번에 팀명을 ET로 짓기로 만장일치가 되었다. (ㅋㅋㅋ) 개인적으로 이번 주 동안 진행하면서 팀원들에게 느낀 점은 아래와 같다. 정민님 역시 빠르고 빈 틈 없이 잘 한다. 리액트.. 공감수 1 댓글수 0 2021. 8. 15.
우아한 테크캠프 5주차 회고 대시보드 느낌으로! 프로젝트를 진행하면서 디자인의 변화를 조금 주고싶었다. pc버전의 가계부에서는 사실, 페이지를 이동하면서 그래프와 달력, 지출 내역을 왔다갔다 하는 것 보다는 한눈에 모든 내용을 보여주는 것이 사용자 입장에서 더 편할것이라 생각했다. 그래서 과감하게 페이지 기능을 제거하고 (주말에 만든 라우터는 필요가 없게 되었다...) 한 페이지에 대시보드 형식으로 모든 데이터를 보기 좋게 넣는데 힘썼다. 다행히 내가 생각한 레이아웃 대로 잘 나와서 기분이 좋았다 👍🏻 Chart 우혁님이 맡은 Chart 부분을 보면서 내용을 정리해봤다. 처음에는 canvas로 그릴지 svg로 그릴지 고민을 했는데, canvas로 차트그리기에 도전한 그림님이 svg를 추천해 주셔서 (canvas는 원형 차트가 살짝 .. 공감수 1 댓글수 0 2021. 8. 15.
우아한테크캠프 4주차 회고 아니 잠깐 우혁님..?! 우리 이번에 같은 팀이네요?? 우혁님은 나와 같은 방이동 (심지어 도보 3분도 안되는 거리의) 주민이다. 캠프를 같이 시작했을 때 부터 지금까지 약 4, 5번 정도 만난적이 있다. 그런데 이번에 팀이 된 것을 보자마자 너무 반가운 마음에 DM을 날렸다..! 그리고 곧바로 점심을 같이 먹으며 앞으로 진행 될 프로젝트에 대해 이야기를 했다. 점심 식사 후, 우혁님과 컨벤션과 그라운드 룰을 짜는게 재미있었다. 송파구에서 일 잘하는 10가지 방법(방이동편) 신나게 그라운드 룰을 짜고 있는데 프로젝트 기획서가 날아왔다. 이번 프로젝트는 커리큘럼에서 예고한 바와 같이 가계부 만들기 프로젝트였다. 이번에는 프로젝트의 완성도를 목표로 하고싶어요! 지난 금요일에 프로젝트를 마치고 인규님, 영준.. 공감수 4 댓글수 0 2021. 8. 8.
우아한테크캠프 3주차 회고 드디어 시작된 열정의 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에 #가 붙어서 유저가 보기에 좋지 않다는 단점.. 공감수 5 댓글수 0 2021. 8. 8.
우아한테크캠프 2주차 회고 나에게 있어서 좋은 결정과 성장의 기회를 준 인규님과의 프로젝트가 시작되었다..! 안녕하세요 반가워요 2, 3주차 팀 4로 같이 하게 된 오인규 입니다 :) 월요일 오전 11시 쯤 슬렉이 울렸다. 아무래도 새로운 팀이 정해졌나보다. 출근 시간은 1시 부터지만 이른 인규님의 연락에 벌써부터 열정이 보였다. 그렇게 내 소울메이트(?) 인규님과의 첫 대화가 이루어졌다. 인규님은 알고보니 velog에서 인기글을 많이 보유하고 있는 인플루언서였다...! (이런 영광이...) https://velog.io/@gomjellie 이번 프로젝트는 구현에 급급하게 따라가지 않고 온전히 우리의 지식을 쌓는데 중점을 두는게 어떨까요? 저번 프로젝트에서 아쉬웠던 부분이다. 아무래도 3일간의 짧은 시간동안 주어진 기능을 만드는데.. 공감수 4 댓글수 2 2021. 8. 8.
우아한테크캠프 1주차 회고 세번째 프로젝트가 다 끝난 후에서야 1주차 회고를 하게 되었다. 조금 늦은 감이 있지만 '당시의 생각과 느낌을 정리하는 것일 뿐인데 뭐 어때..!' 하는 자기 합리화를 하며 노트북을 열었다. 만나서 다들 반가워요! 하지만 앞으로 만나기는 힘들것 같아요... 앗.... 드디어 감격스러운 첫 날...! 설레는 마음으로 삼성생명빌딩에 위치한 작은집에 방문헸다. 작년에는 교육생이 30명이라고 했는데 올 해는 그 것보다 더 많아 보였다. 줄을 서서 교육 기간동안 사용할 맥북Pro와 다양한 선물들을 받고 자리에 착석했다. 굉장히 쭈뼛 거리면서도 설레는 시간이었다. 아마 다른 교육생들도 나와 같지 않았을까? 약속의 오후 1시가 되자, 매니저님이 첫 마디를 열었다. 첫 OT 전날 코로나 확진자가 증가하는 바람에 추 후.. 공감수 6 댓글수 0 2021. 8. 8.
우아한테크캠프 4기 최종 합격 후기 이 글은 후에 다가오는 우아한 테크캠프를 준비하시는 분들께 도움이 되었으면 하는 의미에서 작성한 글입니다. 저작권 때문에 문제를 알려드릴 수는 없지만, 개인적으로 어떻게 준비를 했는지 최대한 자세하게 작성을 해보겠습니다. 서류 접수 지난 4월 말에 배달의 민족 기술 블로그에 글 하나가 올라왔다. 내가 그토록 기다리던 우아한 테크캠프 4기의 모집이 시작된 것이다. 게임 개발자에서 웹 개발자로 전향한 내게 있어서 큰 전환점이 될 것 같아 바로 지원을 했다. 우테캠에 지원하게 된 세가지 이유는 아래와 같다. 1. 좋은 프론트엔드 동료 개발자들과의 협업 기회 - 지방에 게임 개발자로 살면서 가장 큰 갈증을 느낀 부분이다. 주변에 웹 개발자가 없었고, 때문에 코드리뷰를 하거나 다양한 기술에 대한 의견을 공유 할 .. 공감수 31 댓글수 6 2021. 6. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.