profile
사회에 도움이 되는 것은 꿈, 바로 옆의 도움이 되는 것은 평생 목표인 개발자.
post-thumbnail

TIL 044 | 객체로 컴포넌트 활용하기

객체로 컴포넌트 활용하기

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

TIL 043 | 드래그 슬라이드 구현하기

드래그 스크롤 슬라이드 구현하기

2021년 10월 3일
·
2개의 댓글
post-thumbnail

React | 밀리의 서재 클론 프로젝트 회고록 ✨

밀리의 서재 클론 프로젝트

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

TIL 042 | Styled-Component

리액트를 사용하면서 SASS 를 사용하게 됐다. 기존의 CSS 만을 사용하는 경우에 비해서 nesting으로 인한 편리함이 마음에 들었다. 또, class 명 역시 비교적 길어지지 않게 작성할 수 있어서 편리했다. 하지만, 여전히 class 명에 대한 고민은 존재했고

2021년 9월 19일
·
0개의 댓글
post-thumbnail

React | 라인 프렌즈샵 클론 프로젝트✨

1차 프로젝트 - 라인 프렌즈샵 클론 프로젝트

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

TIL 041 | 표현식과 구문의 차이

구문과 표현식의 차이

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

TIL 040 | 계산된 속성명

비슷한 함수들을 하나로 줄여보자.

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

TIL 039 | offset을 이용한 페이지네이션

페이지네이션 살펴보기

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

TIL 038 | 동적 클래스 사용

동적인 클래스를 사용해서 여러 변화를 구현해보자

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

TIL 037 | componentDidUpdate

1차 프로젝트를 진행하면서 fetch 를 사용해야하는 일이 많아졌다. 상품 리스트 페이지를 맡게 됐는데 라인프렌즈의 경우에 필터 관련된 기능들이 여러가지가 있어서 이 때 새 요청을 보내 다른 데이터를 받아오기 위해 update 와 관련된 라이프 사이클 메소드가 필요했다

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

TIL 036 | 조건부 렌더링

인스타그램 클론 코딩을 진행하면서 겪었던 조건부 렌더링에 대해서 정리해봤습니다.

2021년 8월 30일
·
0개의 댓글
post-thumbnail

REACT | [westagram] 인스타그램 클론 프로젝트 후기

React | 인스타그램 클론 프로젝트

2021년 8월 29일
·
6개의 댓글
post-thumbnail

Wecode ✨ 한 달의 기록

위코드에서의 한 달에 대해서 이야기 해본다.

2021년 8월 29일
·
10개의 댓글
post-thumbnail

TIL 035 | React의 state와 props

리액트를 처음 접하면 당황스러운 일이, 바로 state 와 props 이다. 리액트는 선언적 특징을 가지고 있기 때문에 직접 DOM 요소를 조작하지 않고 state 의 변화를 통해서 UI 를 리-렌더링한다. 그렇기 때문에 이전에 명령을 통해서 조작하던 방식과는 사고의

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

TIL 034 | Mock 데이터와 map 이용하기

반복되는 작업을 줄일 수 있는 map 메소드와 유용한 Mock 데이터에 대해 정리해보자.

2021년 8월 25일
·
0개의 댓글
post-thumbnail

[Code Kata] Week1 - Day4

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어, num = 123 return false => 뒤집은 모양이 321 이기 때문

2021년 8월 25일
·
0개의 댓글
post-thumbnail

TIL 033 | React에서 props로 key🔑 를 전달해야 하는 이유

React를 사용하면서 props로 key 값을 부여해야하는 이유에 대해서 알아보자.

2021년 8월 24일
·
0개의 댓글
post-thumbnail

TIL 032 | What is React?

최초의 웹이 나온 이후로 웹은 계속해서 발전되어 왔다. 처음에는 단순히 정적인 정보만을 제공하는 웹이었지만 스타일을 입히기 위해서 CSS가. 사용자와 상호작용하는 동적인 페이지를 구성하기 위해 JavaScript 가 더해졌다. 하지만, 웹의 규모는 더욱 커져갔고 수많은

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

Wecode ✨ 3주차(Foundation)의 기록

위코드 3주차가 시작되면 프론트엔드의 경우에는 리액트라는 라이브러리를 접하게 된다. 결국에는 JavaScript 라고는 하지만 UI를 위해 만들어진 리액트는 기존의 방식과 매우 달랐고 새로운 시작을 하는 것 같은 기분이 들었다. 게다가 node- Sass 를 배우기도

2021년 8월 21일
·
6개의 댓글
post-thumbnail

[Code Kata] Week1 - Day3

String 형인 str 인자에서 중복되지 않은 알파벳으로 이루어진 제일 긴 단어의 길이를 반환해주세요.str: 텍스트 return: 중복되지 않은 알파벳 길이 (숫자 반환)예를 들어, str = "abcabcabc" return 은 3 => 'abc' 가 제일 길기

2021년 8월 21일
·
0개의 댓글