profile
더 나은 개발자가 되자.
post-thumbnail

Javascript | arguments 객체, Arrow Function

1\. argumentsarguments 객체는 함수에 전달되는 인수들의 배열 집합입니다. 하지만 완벽한 array는 아니며 length를 제외하고는 어떠한 속성도 없습니다. 배열로 변환이 가능합니다.2\. arrow function화살표 함수는 익명의 함수 이기 때문

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

Javascript | Reduce

reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.리듀서 함수는 네 개의 인자를 가집니다.누산기 - accumulator (acc)현재 값 - (cur)현재 인덱스 - (idx)원본 배열 - (s

2020년 11월 8일
·
0개의 댓글

React | Axios

Axios는 HTTP통신을 하는데 매우 인기있는 Javascript라이브러리입니다. Axios는 브라우저와 Node.js 플랫폼에서 모두 사용할 수 있습니다.Fetch API보다 Axios가 더 좋은 장점axios객체는 아래와 같이 간단하게 HTTP요청을 할 수 있습니

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

Javascript | Optional Chaining

말 그대로 특정 값에 대한 참조에 대해서 값이 존재하지 않을 때 선택적으로 체이닝 할 수 있는 문법이다. Object의 참조가 많이 이루어지는 Javascript에서는 객체의 프로퍼티가 존재하는지에 대한 체크가 필수적이다.위의 user 객체 속의 객체에 접근하는 상황으

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

Javascript | Map, ForEach

Javascript와 React으로 작업을 해왔다면Map 과 ForEach와 같이 비슷한 Array 메서드들을 많이 쓸것이다.둘이 차이점은 무었일까 ?MDN 정의MAP()배열 내의 모든 요소 각각에 대하여 제공된 함수 (callback)를 호출하고, 그 결과를 모아서

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

Javascript | const, let 과 var

Javscript에서 var, let, const의 차이점에 대해 알아보자.우선 var는 변수 선언 방식에있어 큰 단점을 가지고 있다.변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출략되는 것을 볼 수 있다.이럴경우, 코드량이 많아 진다면

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

React / Wanted Clone 프로젝트

원티트 사이트 클론 프로젝트 Cuted 팀의 프로젝트 Wanted 사이트 클론 작업 기간 2020.10.05 ~ 2020.10.16 프로젝트 팀원 Front-End : 4명 / 박남준, 김호균, 이연성,김주희 Back-End : 2aud / PM 문성호, 홍

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

Git rebase

rebase란 머지와 비슷한 기능이다. rebase란 이름에서 알 수 있듯이 base를 re 즉, 바꾼다는 것이다. 이게 무슨 말이냐면 우리가 머지를 하면 base는 바뀌지 않는다. base를 토대로하고 각 바뀐 브랜치의 최신 커밋들을 3way merge 하는 방식으로

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

React Component Life Cycle

React Component Life Cycle 라이프 사이클은 총 10가지이다. Will 접두사는 어떤 작업을 작동하기전에 싱핼 하는 메소드가, did는 어떤 작업을 한후에 실행하는 메서드이다. 라이프 시이클은 총 3가지 카테고리로 나눌수 있는데, mount, u

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

React 동적라우팅

동적 라우팅이란? 동적라우팅이란 ? 위에서 살펴본 경우과 같이 라우트의 경로에 특정 값을 넣어 해당 페이지로 이동할 수 있게 하는 것 (Dynmic Routing)React Router 에서는 두 가지 방법을 통해 유동 라우팅 기능을 구현할 수 있습니다.Query pa

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

React Menu Tab 구현하기

사이트를 살펴보면 메뉴 탭이 바뀌는 것에 따라서 보여지는 내용이 달라지는 경우가 정말 많다. 프로젝트를 진행하면서도 많이 마주치게 되는 패턴이다. 이번 시간에는 객체에 특정 값을 맵핑하는 테크닉을 통해 더 효율적으로 메뉴 탭을 구현하는 방법에 대해 알아보도록 하자.

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

React Styled-Components

설치왜 Styled Components를 쓸까?css-in-js는 2018년 이후 폭발적으로 성장했다. 그중 Styled-Components는 npm 다운로드 수 기준으로 현재 가장 인기 있는 css-in-js 라이브러리 이다.사용 예시

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

React Hooks

React 에는 4가지의 Built-in Hooks(useState, useEffect, useRef, useReducer) 등이 있다. 이외에도 다양한 커스텀 훅이 존재 하지만 가장 기본적이고 많이 쓰이는 useState와 useEffect 이다.Hook은 함수 컴포

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

1차 프로젝트 후기 - DreamKakao Friends

DreamKakao 팀의 프로젝트 Kakao Friends 사이트 클론 2020.09.14 ~ 2020.09.25 Front-End : 4 / 이지형(PM), 이형우, 김진희, 이연성Back-End : 2 / 정다솜, 최지선React ( Class형 Component

2020년 9월 27일
·
7개의 댓글

[TIL] React MockData 활용

실제 API에서 받아온 데이터가 아닌 프론트엔드 개발자가 필요에 의해 샘플로 만들어 사용하는 데이터를 말한다.프로젝트 진행시 API가 나오기 이전에 페이지 레이아웃이 먼저 나오는 경우가 많다. 이러한 경우에는 백엔드에서 API가 나올 때까지 기다리는 것이 아니라, Mo

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

Instagram Clone 후기

Instagram Clone Project 🎉 Project 기간 📅 2020.09.01 - 2020.09.11 기술 스택 🔧 HTML,CSS JavaScript(ES6+) React SCSS 작업 사항 📝 Login Page 레이아웃 구현 Main Pa

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

개발자가 된 이유

Wecode 한달후기

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

[TIL] Stack & Queue

스택이란 쌓아 올린다는 것을 의미한다. 스택 자료구조라는 것은 책을 쌓는 것처럼 차곡차곡 쌓아 올린 형태의 자료구조를 말한다.스택 (Stack) 의 특징 스택은 같은 구조와 크기의 자료를 정해진 방향으로 쌓을수 있다. top에는 가장 위에 있는 자료는 가장 최근에 들어

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

[TIL] React props

React에서 props는 변하지 않는 데이터 (Immutable Date)이다. 상위 (부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 넘겨줄 때 사용한다. Login.js 는 상위(부모) 컴포넌트 이다. 부모 컴포넌트안에 <Child/>컴포넌트를 impor

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

[TIL] React Router

1. SPA 단일 페이지 애플리케이션(Single Page Application, SPA)는 모던 웹 패러다임이다. SPA는 기본적으로 단일 페이지로 구성되며 기존의 서버 사이드 헨더링과 비교할 떄, 배포가 간단하며 네이티브 앱과 유사한 유사한 사용자 경험을 제공할

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