post-thumbnail

[React] Hook - useForm

React Hook Form 으로 간단하게 폼의 유효성을 검사하기React Hook Form 으로 간단하게 폼의 유효성을 검사하기

2일 전
·
0개의 댓글
post-thumbnail

[Webpack] webpack을 이용한 개발환경 구성

React를 공부하다 보면 Webpack과 Babel을 보게 되는 경우가 있었는데 따로 webpack을 공부해본 적은 없었다. 이번에 3개월차 기업협업을 나가게 되면서 vue.js를 사용하게 된다는 이야기를 듣고, webpack 공부를 시작해보려고 한다.여러 개의 모듈

2일 전
·
0개의 댓글
post-thumbnail

[React] Pagination (Query String)

Javascript React PaginationCart.js백엔드 API 통신Pagination page

2일 전
·
0개의 댓글
post-thumbnail

[Javascript] JS Algorithm

정렬 알고리즘은 순서가 없던 데이터를 순서대로 바꾸어 나열하는 알고리즘입니다.정렬을 하는 방법은 여러가지가 있는데, 그 중에 유명한 알고리즘은 아래 4가 있습니다.선택정렬버블정렬삽입정렬퀵정렬 오늘은 선택정렬을 배우겠습니다. 선택정렬은 정렬되지 않은 데이터 중 가장 작은

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

[Javascript] JS Algorithm

JS 코드타카버블 정렬은 인접한 데이터를 교환해서 정렬하는 알고리즘입니다.알고리즘의 정렬되는 모습이 마치 거품처럼 보인다고 해서 붙여진 이름입니다.아래 그림을 한 번 봐주세요.아마 알고리즘이 바로 이해되실 것입니다.아래와 같은 정렬되지 않은 수가 있을 때, idex 0

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

[Git] git workflow & rebase

Git Rebase conflict

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

[React] Styled-Component

현대 웹 앱이 컴포넌트를 기반으로 성숙해가면서 CSS 스타일링 방법론 또한 컴포넌트를 기반으로 재구성되고 있으며 CSS-in-JS가 등장하였고, 그 중 가장 인기 있는 라이브러리가 바로 우리가 다뤄볼 Styled-Components이다. 1. Styled-Compo

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

[React] Hook - useState

함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수선택적 사용 기존의 코드를 다시 작성할 필요 없이 일부의 컴포넌트들 안에서 Hook를 사용할 수 있다. 그러나 만약 당장 Ho

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

[React] Component LifeCycle

모든 리액트 컴포넌트에는 라이프 사이클(생명주기)이 존재한다. 컴포넌트를 처음으로 렌더링 할 때, 컴포넌트를 업데이트 하기 전 후로 어떤 작업을 처리해야 할 수도 있는데, 이럴 때 라이프사이클 매서드를 사용한다. (클래스형 컴포넌트에서만 사용)마운트 : 페이지에 컴포넌

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

RESTful API

3

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

[React] Logitech 클론 프로젝트 후기

회원가입, 로그인 페이지Account Page layoutBack-end API 통신Validation상품 리스트 페이지Logitech mice Product List Page layoutProduct List Back-end API 통신Filter 기능 (Back-e

2020년 9월 27일
·
24개의 댓글
post-thumbnail

[Javascript] fetch() 함수를 이용한 API 통신

프론트에서 서버(백엔드) API를 호출하면 데이터를 받아올 수 있다. 자바스크립트 Web API fetch 함수를 쓰면 서버 API를 통신할 수 있다.로그인 시 api 로직

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

[Javascript] Computed property name

computed property name (계산된 속성명)각괄호 \[] 안에 식을 넣을 수 있고, 식이 계산되고 그 결과가 속성명으로 사용된다.

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

[React] Mock data

mock: 거짓된, 가짜의실제 API 에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터백엔드에서 API가 나올 때까지 무작정 기다리는 게 아니라, mock data를 만들어 데이터가 들어오는 상황을 미리 대비하고 UI가 기획에 맞게 구현

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

[React] LifeCycle

Cannot read property 'map' of undefined백엔드 API를 호출할 때 볼 수 있는 위 에러메시지는 undefined에 대하여 map 함수를 실행하려 했다는 뜻이다. 이 에러는 Component Lifecycle과 관련되어 있다.Lifecycl

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

[React] Props & Event

1. Props

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

[React] State & Event

1. State

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

[React] Westagram 프로젝트 후기 - 인스타그램 클론

프론트엔드로 결정하고 나서 바로 시작하게 된 인스타그램 클론 프로젝트이다. 첫 미니 프로젝트이기 때문에 할 수 있을지에 대한 걱정이 많았다. 일단 남들에 비해 시작도 조금 늦었기 때문에 많은 기능을 구현해볼 수는 없었다. 필수 구현 사항이였던 로그인 페이지와 메인 페이

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

WeCode, 한달 간의 기록

위코드에서 벌써 한달이라는 시간이 지나갔다. 위코드에 오기 전 나는 스타트업에서 퍼블리셔로 일년 넘게 일한 경험이 있고, 일하는 동안 퍼블리셔로써의 한계를 많이 느꼈기 때문에 개발자로 이직하게 위해서 퇴사했다. 파이썬을 배워서 백엔드 개발자로 취업하기 위해서 위코드에

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

[React] Sass

React sass 공식문서 1. Sass 설치  node-modules 폴더에 node-sass 폴더가 생성된다. : package.json에 설치된 패키지의 이름과 버전 정보를 업데이트 2. .scss로 변경 기존의 css 파일을 .scss로 변경한다.

2020년 9월 13일
·
0개의 댓글