profile
더 나은 개발자가 되자.

React / Wanted Clone 프로젝트

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

6일 전
·
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 한 달 후기

Wecode 한달후기

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

[TIL] Stack & Queue

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

2020년 9월 10일
·
0개의 댓글
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개의 댓글
post-thumbnail

[TIL] Git 기본적인 명령어

:: 버전 확인 :: 생성하기 :: 살펴보기 :: 브랜치 작업 * * :: 변경하기 * :: 취소하기 * * :: 동기화하기

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

[TIL] Git 사용하기

:: Task 1: Git Repository 생성 & Git 폴더 초기화 자신의 github에 wecode 라는 repository를 만든다.

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

[TIL] React

React는 페이스북에서 개발하고 관리하는 사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리다. 리액트와 같은 프론트엔드 라이브러리 혹은 프레임워크를 사용하는 가장 큰 이유 중 하나는 UI를 자동으로 업데이트해 준다는 점이다. 리액트는 가상 돔(Vi

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

[TIL] Python Package

main.py에서 상대경로로 add_and_multiply를 import 하면 ImportError가 발생한다.파이썬 공식문서에는main module 일 경우에는 import를 절대 경로로 해야 된다는 뜻이다. 상대경로는 현재 모듈을 기준으로 module/package

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

[TIL]Absolute path & relative path

Absoluete pathAbsoluete, 절대적인 위치를 기준으로 하는 경로이다.프로젝트 최상단에서 시작하여 해당 파일의 위치까지의 모든 경로를 나타낸다.relative pathRelative, 상대적인 위치를 기준으로 하는 경로이다.import하는 지점을 기준으로

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

[TIL] sys.modules & sys.path

파이썬은 패키지나 모듈을 찾아올 떄 순서대로 찾아온다.sys.module파이썬이 모듈이나 pakage를 찾기위해 가장 먼저 확인하는 곳입니다.sys.modules는 단순한 dictionary 이다. 그리고 이미 import된 모듈과 package들을 저장하고 있다. 즉

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