Context Api + Reducer로 전역상태 관리하기 / 아워홈 사전과제
·
Side Project/기타
1. Why? 아워홈 사전과제에서 상품 리스트의 물건을 장바구니에 담는 부분이 있었다. 이를 위해서는 전역 상태에 장바구니에 담겨있는 상품과 수량 이 필요해 보였다. 이를 사용하는 기능으로는 상품 리스트에서 버튼을 누를경우 장바구니에 담김 이미 담겨 있을 경우 수량 + 1 장바구니에서 수량을 조절할 경우 상품의 수량이 변경 정도가 있을텐데, 겨우 이 정도의 상태 관리를 위해서 전역 상태관리 라이브러리를 사용하는 것은 낭비라는 생각이 들었다. 그래서 React의 네이티브 기능인 Context Api를 통해서 장바구니 상태를 구현했다. 2. How? Context Api란? 일단 Context Api에 대해서 공식문서로 먼저 알아보자. Context Context lets a parent—even a dis..
액션, 계산 분리해보기(함수형 프로그래밍)
·
Frontend/Etc
1. Why?함수형 프로그래밍은 오래동안 도전해보고 싶은 영역이였다.특히 테오님의 블로그에서 함수형 프로그래밍을 소개한 글을 읽고서는 '나도 코드를 저렇게 써봐야지'라고 맘먹고 "쏙쏙 들어오는 함수형 코딩" 책도 구매했었다.내가 쓴 코드를 리팩토링하려다 너무 복잡해서 때려친 적도 있었고, 다른 팀원이 질문을 했을 때, 로직을 살펴보다가 한시간 넘게 잡아먹은 적도 있었다. 이런 상황을 겪으며 함수를 나누고 복잡성을 낮추는것의 필요성을 느꼈기 때문이다. 하지만, 싸피의 타이트한 일정(7주간 프로젝트 X 3번 + 쉬는 기간 없음 + 남는 시간에는 자소서 쓰고 코테 준비) + 프로덕트에 대한 욕심(실제로 사용 가능한 프로덕트를 만들고 싶어!) 때문에 구현을 마치기에도 늘 벅차서 미뤄두고 있었다.그런데 마침! 원..
이재용 '동행철학' 결실이 쓰는 삼성 청년 SW 아카데미 aka SSAFY 9기 수료 후기
·
주절주절
1. Why? 이재용 '동행철학' 결실…SSAFY 누적 취업자 5년만에 5천명 넘어 | 연합뉴스(서울=연합뉴스) 장하나 기자 = 삼성의 대표적인 CSR(기업의 사회적 책임) 프로그램인 '삼성청년소프트웨어(SW)아카데미'(이하 SSAFY)의...www.yna.co.kr안녕하세요, 이재용 동행철학의 결실입니다. 홍보용 사진으로 쓰일 수 있다는건 알았지만 이 정도로 오만데 다 쓸지는 몰랐습니다...얼굴도 다 팔린김에 후기 작성합니다.2. How?지원과 합격컴퓨터공학과 졸업작품을 팀원들과 함께 만드는 중에, 함께 만들던 후배가 "선배님 프론트 반년하고 이 정도면 재능이 있는거 같은데, 개발쪽 진로 생각있으시면 SSAFY 지원해보시는게 어때요?" 라고 추천을 해줘서 지원했다. 이후 합격까지의 과정을 간략하게 설명..
유저 인증 상태 관리하기
·
Side Project/모익
1. Why? 프로젝트 에서 회원 관리 및 프론트엔드에서의 보안을 담당하게 되었는데, 그 과정에서 JWT와 OAuth를 사용해서 유저의 인증 상태를 관리했다. 이번 글에서는 어떻게 백엔드와 데이터를 주고받았는지, 그리고 왜 이런 방식으로 구현했는지에 대해서 설명하고자 한다. 만약 네트워크에 대한 배경지식이 없으시다면 아래 링크의 글부터 읽는 것을 추천드립니다. 쿠키와 세션 / 네트워크 HTTP W3 상에서 정보를 주고받을 수 있도록 정의된 프로토콜 Connectionless(비연결성) : 요청에 따른 응답을 받고나면 연결을 끊음 Stateless(무상태성) : 클라이언트-서버 관계에서 서버가 클라이언트의 cksxkr5193.tistory.com 2. How? 어떤 선택지가 있는지 1) 세션 기반 인증 인..