본문 바로가기

전체 글41

비슷한 컴포넌트 재사용하기 / 아워홈 사전과제 1. Why? 아워홈 사전 과제를 진행하며, 어떻게 하면 컴포넌트의 재사용성을 높일 수 있을까 고민을 많이 했다. 다른 프로젝트를 진행하면서도 비슷한 요소의 컴포넌트를 어떻게 재사용/분리여부를 결정할지 고민했었기에, 이 기회에 정리를 해보고자 한다. 2. 도전 아래의 태그 2가지를 랜더링시켜줘야할때, 여러 방법으로 나눠보고 어떤 방법이 적절한 방법인지 생각해보자 1. 하위 컴포넌트에서 부담 ListCardTag type CardTag = 'best' | 'new'; interface ListCardTagProps { tag: CardTag; } export default function ListCardTag({ tag }: ListCardTagProps) { if (tag === 'best') { ret.. 2024. 1. 14.
Context Api + Reducer로 전역상태 관리하기 / 아워홈 사전과제 1. Why? 아워홈 사전과제에서 상품 리스트의 물건을 장바구니에 담는 부분이 있었다. 이를 위해서는 전역 상태에 장바구니에 담겨있는 상품과 수량 이 필요해 보였다. 이를 사용하는 기능으로는 상품 리스트에서 버튼을 누를경우 장바구니에 담김 이미 담겨 있을 경우 수량 + 1 장바구니에서 수량을 조절할 경우 상품의 수량이 변경 정도가 있을텐데, 겨우 이 정도의 상태 관리를 위해서 전역 상태관리 라이브러리를 사용하는 것은 낭비라는 생각이 들었다. 그래서 React의 네이티브 기능인 Context Api를 통해서 장바구니 상태를 구현했다. 2. How? Context Api란? 일단 Context Api에 대해서 공식문서로 먼저 알아보자. Context Context lets a parent—even a dis.. 2024. 1. 12.
액션, 계산 분리해보기(함수형 프로그래밍) 1. Why?함수형 프로그래밍은 오래동안 도전해보고 싶은 영역이였다.특히 테오님의 블로그에서 함수형 프로그래밍을 소개한 글을 읽고서는 '나도 코드를 저렇게 써봐야지'라고 맘먹고 "쏙쏙 들어오는 함수형 코딩" 책도 구매했었다.내가 쓴 코드를 리팩토링하려다 너무 복잡해서 때려친 적도 있었고, 다른 팀원이 질문을 했을 때, 로직을 살펴보다가 한시간 넘게 잡아먹은 적도 있었다. 이런 상황을 겪으며 함수를 나누고 복잡성을 낮추는것의 필요성을 느꼈기 때문이다. 하지만, 싸피의 타이트한 일정(7주간 프로젝트 X 3번 + 쉬는 기간 없음 + 남는 시간에는 자소서 쓰고 코테 준비) + 프로덕트에 대한 욕심(실제로 사용 가능한 프로덕트를 만들고 싶어!) 때문에 구현을 마치기에도 늘 벅차서 미뤄두고 있었다.그런데 마침! 원.. 2024. 1. 8.
이재용 '동행철학' 결실이 쓰는 삼성 청년 SW 아카데미 aka SSAFY 9기 수료 후기 1. Why? 이재용 '동행철학' 결실…SSAFY 누적 취업자 5년만에 5천명 넘어 | 연합뉴스(서울=연합뉴스) 장하나 기자 = 삼성의 대표적인 CSR(기업의 사회적 책임) 프로그램인 '삼성청년소프트웨어(SW)아카데미'(이하 SSAFY)의...www.yna.co.kr안녕하세요, 이재용 동행철학의 결실입니다. 홍보용 사진으로 쓰일 수 있다는건 알았지만 이 정도로 오만데 다 쓸지는 몰랐습니다...얼굴도 다 팔린김에 후기 작성합니다.2. How?지원과 합격컴퓨터공학과 졸업작품을 팀원들과 함께 만드는 중에, 함께 만들던 후배가 "선배님 프론트 반년하고 이 정도면 재능이 있는거 같은데, 개발쪽 진로 생각있으시면 SSAFY 지원해보시는게 어때요?" 라고 추천을 해줘서 지원했다. 이후 합격까지의 과정을 간략하게 설명.. 2024. 1. 8.

티스토리툴바