profile
하루하루는 성실하게 인생 전체는 되는대로
post-thumbnail

✚Dr.Martens 프로젝트에 Redux 적용해본 이야기

WeCode 1차 프로젝트로 진행했던 Dr.Martens 사이트의 리팩토링을 진행하면서, 1차,2차때 적용 못해본 Redux로 장바구니 상태를 관리해보았다! 까먹기 전에 후다닥 정리하는 코드....

2020년 8월 2일
·
1개의 댓글
post-thumbnail

Redux? 맛만 살짝 보기...

JavaScript의 상태 관리 라이브러리인 Redux.... 넘나 어려운 Redux.... 뭔지 살짝 맛만 보기!

2020년 7월 23일
·
0개의 댓글
post-thumbnail

React의 styled components

2차 프로젝트를 진행하면서 styled components에 대해 공부하고 사용하고 있다! 오늘은 styled components의 몇가지 속성에 대해 정리해보기로 한다!

2020년 7월 10일
·
0개의 댓글
post-thumbnail

React의 함수형 컴포넌트! (feat.Hooks)

React의 함수형 컴포넌트와 Hooks의 useState, useEffect 에 대해서 정리해보자!!

2020년 7월 7일
·
1개의 댓글
post-thumbnail

🥰1차 프로젝트 하면서 알게된 🍯꿀팁!

실제로 프로젝트를 진행하면서 알게된 꿀팁 총 정리!!!! (config.js 파일, Object.entries로 객체 쉽게 쪼개기(?), toLocaleString()로 숫자 1000 단위마다 쉼표 달기, && 와 || 를 조건문처럼 사용하기 등등~!)

2020년 6월 24일
·
0개의 댓글
post-thumbnail

Wecode 프로젝트 시작 전 초기세팅! (feat.CRA🧚🏻)

위코드의 꽃, 위코드의 하이라이트, 위코드의 자랑(?)!!!!! 대망의 팀 프로젝트가 코앞으로 다가왔다!! 그 전에 프로젝트 시작 전 초기 세팅에 관한 내용을 총 정리해본다! (CRA 설치 및 설정과 폴더 정리에 관해 다 뽀개버리자!)

2020년 6월 21일
·
0개의 댓글
post-thumbnail

React Ver - westagram 추가 기능 후기🤩

react로 위스타그램 만드는거에 너무 심취해버려서....(반성😭) 여러가지 기능을 구현했다. 까먹고싶지 않은 코드를 정리해본다!! (검색창 클릭시 레이아웃 변경, z-index, Heart 버튼 누르면 애니메이션!, 댓글 수 카운트 기능!)

2020년 6월 17일
·
0개의 댓글
post-thumbnail

TIL) React - Life cycle!!

React의 component는 생성 → 업데이트 → 제거 단계를 차례로 겪는 생명 주기(Life Cycle)를 가진다. Life Cycle의 메서드와 componentDidMount 메서드로 json API를 가져오는 방법에 대해 알아보자!

2020년 6월 17일
·
0개의 댓글
post-thumbnail

👻 Task) map, filter를 이용해서 monster 때려잡기!

어제 react 세션에서 과제로 나왔던 monsters를 깨부순 후기💪 map 과 filter에 대해 더 잘 알게 되었고, component 의 key 값에 대해서도 쬐끔 정리해보기로!!!

2020년 6월 16일
·
0개의 댓글
post-thumbnail

TIL) React router로 링크 맛만보기

오늘은(사실 어제는...🤣) 프로젝트 대비를 위한 초기 프로젝트 세팅에 대한 세션이 있었다. 그 중에 react-router 를 이용해 링크를 걸었던 내용에 대해서 정리해보기로!!!

2020년 6월 16일
·
0개의 댓글
post-thumbnail

React Ver - westagram 중간 후기🤩

WeCode 3주차부터는 기존에 html, css, javascript로 만들었던 사이트를 react로 바꾸는 과정이었다! 필수(?)과제였던 login 버튼과 main 댓글 창 코드 정리!!!

2020년 6월 14일
·
0개의 댓글
post-thumbnail

TIL) React - component

React 어렵다! 어렵지만 재밌다!재밌는데 왕왕짱짱어렵다! 그래도 재미있는 React의 매력 뽀인트 중 하나인 Component에 대해 정리해봄!

2020년 6월 11일
·
0개의 댓글
post-thumbnail

TIL) JSX 뽀개기!

JavaScript랑 html이 같이 있는 희한한 문법이 바로 JSX! JavaScript를 확장한 문법으로, 본격 React에 들어가기 전에 JSX는 어떤 녀석인지 한번 알아보자!

2020년 6월 9일
·
0개의 댓글
post-thumbnail

TIL) React 맛보기 - 2

React란, facebook에서 만든, 웹/앱의 View를 개발할 수 있도록 하는 JavaScript 라이브러리이다. 본격 React에 들어가기 전에 맛보기로 React의 특징 6개에 대해 알아보자!

2020년 6월 8일
·
0개의 댓글
post-thumbnail

TIL) React 맛보기! - 1

React란, facebook에서 만든, 웹/앱의 View를 개발할 수 있도록 하는 JavaScript 라이브러리이다. 본격 React에 들어가기 전에 맛보기로 React의 특징 6개에 대해 알아보자!

2020년 6월 7일
·
0개의 댓글