profile
내실 있는 프론트엔드 개발자가 되기 위해 오늘도 최선을 다하고 있습니다.
post-thumbnail

👨‍💻위코드 2차 팀 프로젝트 후기 (Coinone Clone)👩‍💻

🗓 작업 기간 - 2020.10.5 - 2020.10.16 🔧 기술 Stack - JavaScript(ES6+) - React hooks - Routes.js - Styled Components - Git rebase - HighCharts Library - Red

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

TIL - async, await

async와 await는 자바스크립트의 비동기 처리 문법이다. 기존의 비동기 처리 방식인 Callback 함수와 Promise의 단점을 보완한다.

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

TIL - React Hooks

React에서 컴포넌트를 선언하는 방식에는 2가지가 있다.첫 번째는 1차 프로젝트 때 사용했던 Class형 컴포넌트 방식이고,다른 하나는 이번 2차 프로젝트 때 사용했던 함수형 컴포넌트 방식이다.그러나 우리가 앞서 배웠던 함수의 특징을 생각해보면 이상하다는 생각이 든다

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

TIL - Git Rebase

지난 번 Git이 무엇인지, Github은 무엇인지, Git의 기본 flow와 Git을 통한 프로젝트 방식에 대해 블로깅을 했다.충분히 Git merge방식을 통해서도 별 일 없이 프로젝트를 수행할 수 있는데 굳이 Rebase를 하는 이유는 무엇일까?먼저, Rebase

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

TIL React Lifecycle

렌더함수가 실행되면 React가 JSX를 DOM에 붙여준다. 붙여준 그 순간 특정한 동작을 할 수 있게 만든다. 그게 바로 ComponentDidMount() ComponentDidmount 는 render가 성공적으로 실행됐을 때 실행된다. Class형 컴포넌트의

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

TIL - Git, GitHub

개발자라면 필수적으로 알아야 할 Git!Git은 무엇인가?개발자들은 Git을 왜 알아야 하는가?또한 Git은 어떤 flow로 진행되는가??Git의 공식 명칭은 분산 버전 관리 시스템(VCS)으로 프로젝트 파일의 변경 사항을 추적하는 시스템이다.이런 버전 관리 시스템은

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

🎆위코드 1차 팀 프로젝트 후기(Logitech Clone)🎆

2020.09.14 - 2020.09.25JavaScript(ES6+)ReactSASSGitCRA 초기 세팅로그인, 회원가입 페이지 레이아웃 구현로그인, 회원가입 유효성검사(validation) 구현fetch를 통한 API호출, 응답받은 데이터를 통한 로그인, 회원가입

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

TIL - CSS 정리

1. margin, padding, border (1). margin, padding 속성 순서 속성을 네 개 넣는 경우 : top → right → bottom → left 속성을 세 개 넣는 경우 : top → (left & right) → bottom 속성을 두

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

TIL - React

애플리케이션의 규모가 커지고 다양한 UI(User Interface), UX(User Experience)를 구현함에 따라 기존의 DOM과 jQuery로 다양한 애플리케이션을 개발하고 코드를 유지보수 하는 것이 한계점에 이르렀다.이에 따라 많은 양의 데이터를 관리하고

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

TIL - Stack & Queue

1.Stack LIFO(Last In First Out) 마지막으로 들어온 데이터가 가장 먼저 나간다. -> 가장 최근에 쌓인 데이터가 먼저 처리된다. 2.Queue FIFO(First In First Out) 처음으로 들어온 데이터가 가장 먼저 나간다. -> 가장

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

TIL - JavaScript(다시 짚고 넘어갈 개념)

1.Data Type 6가지 Number는 length라는 속성이 존재하지 않음. -> 따라서 String으로 저장해야 한다. 언제 이걸 쓸까? 고객의 휴대폰 번호를 저장할 때 2. 산술연산자 +는 String과 String도 이어준다(숫자 + String의 경우에

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

TIL - 인증과 인가

1. 인증 - 인증? 회원가입, 로그인을 의미 - 소비자 입장에서 인증은 왜 필요하나? 자신이 맞음을 알려야 하기 때문 - 개발자 입장에서 인증은 왜 필요한가? 어떤 소비자가 어떤 서비스를 어떻게 이용하는지 알고 추적이 가능하도록 하기 위해 - 인증이 필요한 것은? 아

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

TIL - DOM, Event

1.DOM .getElementsByClassName 메소드와 .querySelector의 차이 .getElementsByClassName('className')[0]; .getElementsByTagName('h1')[0]; 동일한 태그나 클래스 중 배열의 위치표시

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

TIL - Data Structure - Array, Tuple

Data structure 코딩은 알고리즘과 자료구조로 이루어져 있다. 자료구조가 중요한 이유는 무엇일까? 상황과 문맥에 맞게 데이터를 담을 수 있는 가장 효율적이고 적절한 구조를 의미한다. 데이터에 맞는 적절한 자료 구조를 사용하는 것이 개발 시스템에 큰 영향을

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

TIL - Method 정리

Number Method parseFloat() 소수점 자리까지 반환. parseInt() 소수점 자리를 제외하고 정수까지만 반환. Number() Number type으로 바꾸는 가장 쉬운 방법이지만 문자형 숫자가 아닌 다른 문자가 들어갈 경우 NaN이 뜸 .to

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

TIL - Semantic web / Semantic tag

Semantic Semantic이란? '의미론적인'이란 의미를 지니고 있다. 1.Semantic web 2.Semantic tab

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

TIL - Position

1. Position 속성 - relative, absolute, fixed 1) relative 2) absolute 3) fixed 2. Display property 1) inline inline element의 특징은 가장 대표적인 inline element는

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

TIL - Javascript(헷갈리는 부분 정리 2) - Operator

(유튜브 드림코딩 by엘리 참고) https://www.youtube.com/channel/UC4u-bXaba7yrRz6x6kb_w 1. preIncrement 와 postIncrement의 차이 2. Logical Operators: || (or), && (and

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

TIL - Javascript(헷갈리는 부분 정리 1) - Variable

(유튜브 드림코딩 by엘리 참고해서 작성) 1. 'use strict'; 자바스크립트를 처음 실행할 때 써주는 게 좋음 2. block scope 3. number const infinity = 1 / 0; const negativeInfinity = -1 / 0

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