profile
꾸준히 성장하는 개발자 입니다 😊
post-thumbnail

React.복제 기능 구현하기

복제 기능은 노션에서 많이 보던 기능이고 그 이외에는 잘 써본적은 없는 기능이라 처음에는 막막했지만조금만 접근 해보면 누구나 쉽게 할 수 있는 기능이구나 생각했다.내가 했던 기능은 체크 버튼을 클릭하면 작은 모달창이 뜨고 그 모달창에 duplicate 버튼 클릭시 똑같

2022년 1월 24일
·
0개의 댓글
·
post-thumbnail

What style-component?

이번 2차 프로젝트 기획 단계에 들어가면서 redux를 쓰느냐 style-component를 쓰느냐 이야기를 나눠봐야 하는 상황이 왔다.redux는 나중에 쓰는 것이 맞다는게 결론이었고 style-component는 이 기회에 한번 써보자는 통일된 의견으로 이번 2차

2021년 12월 26일
·
0개의 댓글
·
post-thumbnail

[ReadyBooks.01] 장바구니 만들기(기획단계)

이번 프로젝트는 레이아웃은 대충 만들어놓고 기능 구현에 조금 더 집중해서 구현하자 라는 생각으로 만들었다.장바구니를 하고 싶었던 이유는 백과 통신 하는 부분이 많이 차지해서 꼭 해보고 싶었던 부분이라 꼭 하고싶습니다! 라고 말을 했던거 같다.역시나 2차도 노션을 활용

2021년 12월 26일
·
0개의 댓글
·
post-thumbnail

React04. MOCK DATA (feat.프로젝트에서 활용갑)

상수 데이터란? 변하지 않는 데이터. 사용하는 이유? 추후 유지보수를 위해서 사용. 반복 되는 UI를 상수 데이터+Array+map() 함수의 조합으로 표현 가능. 즉,상수 데이터에 해당 되는 부분만 변경 하면 되니 유지보수가 보다 편리해짐. 상수 데이터의 특징?

2021년 12월 11일
·
0개의 댓글
·
post-thumbnail

[zaranara.03] 로그인& 로그아웃

프로젝트 진행을 하면서 회원가입&로그인을 하면서 예기치 못한 문제가 발생했다.분명 로그인을 하고 success가 되면 토큰 발행이 되고 이것을 localStorage에 저장이 되는거까지 확인을 했는데 새로고침을 하면 로그아웃은 되어있고 토큰은 그대로인 기이한 현상이 발

2021년 12월 11일
·
0개의 댓글
·

템플릿 리터럴(Template Literal) 구조분해 할당

생애 첫 프로젝트를 들어가면서 props를 전달하는게 너무 어려웠다🤦‍♀️ 로그인과 회원가입에 쓰이는 버튼과 상품 상세 페이지에 버튼 스타일은 똑같아서 Component 하고 width 값만 props로 받으면 되던터라 이걸 어떻게 해야할까 방법을 모색했다.

2021년 12월 10일
·
0개의 댓글
·
post-thumbnail

What npm,yarn ?

프로젝트를 진행하면서 정신 없는 와중에 너무 궁금해서 참지 못하고 서치했다........매번 npm start, npm install을 열심히 했지만 정확히 그 의미에 대해서 이해하지 못했다.그냥 막연한 사전용어만 알지...그러다가 팀원 한분이 npm 과 다른 yar

2021년 12월 6일
·
0개의 댓글
·

[zaranara.02] 로그인 페이지 모달창 구현하기 (라이브러리x)

1.로그인,회원가입 모달 구현하기2.상품 리스트 페이지 ( 필터링 포함 )이었기 때문에 로그인,회원가입 모달 구현을 우선으로 하였다.Nav랑 Footer 담당자에 시간에 맞춰서 하기에는 작업 시간이 빠듯하여 로그인 하나 회원가입 하나 이렇게 만들기 시작했다.레이아웃은

2021년 12월 5일
·
0개의 댓글
·
post-thumbnail

[zaranara.01] 첫 프로젝트 시작

정말 진심으로 말하자면 프로젝트를 너무 하고 싶었다x1000😁😎다 같이 무언가를 하는 것을 굉장히 매우 좋아하기 때문이다....!첫프로젝트 시작을 하기에 앞서,각자 홈페이지를 파악하고 이야기를 나눴다. 그 이후 어떤 주제를 중심으로 재구성을 할지 또 어떤 필수 기능

2021년 12월 4일
·
0개의 댓글
·

React03.What Hooks,Props,state?

Hook는 뭐다? 후크 선장을 떠올릴 수 있는데 그렇다면 거의 정답이다! 바로 후크선장 손에 있는 갈고리가 바로 hook의 뜻이다. react에서 Hook란 함수 component에서 React state와 생명주기 기능을 연동 할 수 있게 해주는 함수이다. Hoo

2021년 11월 28일
·
0개의 댓글
·

React. 로그인 첫통신!(feat.fetch 함수)

기다리고 기다리던 백엔드분들과 교류하는 시간이 왔다!(tmi 리얼로 제일 기대했던 시간이었다.) 내가 fetch 함수를 작성하기 전에 체크 해야하는 List는 이러했다.✔ 프론트도 통하고 백엔드도 통하는 json 파일로 연락을 해야하는데,<span style="b

2021년 11월 24일
·
0개의 댓글
·

React02.React 관련 용어 정리

npm-라이브러리 설치,삭제 및 업데이트 해줌. CRA-Creat react app gitignore : git 을 추적하지 않아서 git 상에 올라가지 않는다 ❗ component : 재사용 가능한 UI (User Interface) 단위 종류로는 class

2021년 11월 21일
·
0개의 댓글
·
post-thumbnail

React01.React는 무엇인가?

사이트에 들어가면 보여지는 것(UI : User Interface)과 할 수 있는 것이 굉장히 많아졌다. 이런 이유로 요즘은 웹 페이지 라는 단어 보다 웹 어플리케이션이라는 단어가 많이 쓰여지고 있다.이렇게 규모가 커짐에 따라 처리해야 할 것들이 많아지고 이전의 방법들

2021년 11월 20일
·
0개의 댓글
·