profile
Frontend-Developer
post-thumbnail

TIL. TypeScript

2012년 마이크로소프트가 발표한 TypeScript는 JavaScript를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어이다.컴파일 언어, 정적 타입 언어JS는 동적타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있다.TS는 정적 타입의 컴파일 언어이며 타입

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

Deep - 동적 타이핑 [JS]

Javascript를 스터디를 통해 기초부터 다시 차근차근 공부하게 되었다.모던 자바 스크립트 Deep Dive라는 책과 구글링을 통해 공부하고 중요한 부분을 블로그 작성하는 방식으로 하게 되었고내가 오늘 적게 될 내용은 제목에서 봤다싶이 JavaScript 동적 타이

2021년 9월 6일
·
0개의 댓글
·

Programmers - H-index [JS]

스터디를 시작하면서 알고리즘 푸는 연습을 하게 되었다.알고리즘은 프로그래머스라는 사이트에서 풀고싶은 문제를 풀어보고 블로그에 작성할 계획이다.이번에 풀게 된 알고리즘은 H-index 문제이다.처음 읽어봤을땐 무슨 말인지 잘 이해하지 못한 상태로 코드를 계속 잘못 짰다.

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

TIL.Validation

로그인을 구현하면서 유효성 검사에 대해 알게되었다. 아직 개발 어린이인 나는 유효성검사를 알지 못했고 이번 기회에 유효성 검사에 대해서 공부하게 되었다!공부하면서 알게된걸 오늘 끄적여 볼 생각이다.사용자가 폼 페이지에서 입력한 데이터 값이 서버로 전송되기 전에 특정 규

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

TIL.Unit Test

Unit Test 유닛 테스트란, 내가 작성한 코드의 가장 작은 단위인 함수를 테스트하는 메소드이다. 그래서 내가 작성한 로직 을 테스트하는 유닛테스트 코드를 짜서 테스트하게 된다 프론트의 경우 버튼을 추가해서 이벤트를 처리하는 신규 로직을 구현랑 때마다 크롬 브라우

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

TIL. Rebase

Rebase Git에서 한 브랜치에서 다른 브랜치로 합치는 방법으로는 두 가지가 있다. 하나는 Merge 다른 하나는 Rebase이다. 왜 Merge가 아닌 Rebase를 사용해야 하는가? Git Merge problems 불필요한 merge commit 생성 모

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

TIL.Styled-Components

styled-component란 Css in JS라는 기술이다.말 그대로 이 기술은 JS안에 Css를 작성하는 것을 의미한다. styled-component는 현존하는 CSS in JS 관련 리액트 라이브러리 중에서 가장 인기 있는 라이브러리이다.사용하기 위해 styl

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

TIL.AWS

AWS는 Amazon Web Service의 줄임말이다.AWS는 소위 클라우드 서비스라고도 한다. 클라우드 서비스는 서버 등의 인프라스트럭쳐를 필요한대로 on demand로 사용할 수 있는 서비스이다.즉, 유저가 직접 서버를 구입하고 설치할 필요 없이 AWS상에서 클릭

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

TIL.Hook

리액트 컴포넌트는 클래스형 컴포넌트와 함수형 컴포넌트로 나뉜다.기존의 개발방식은 일반적으로 함수형 컴포넌트를 주로 사용하되 state이나Life Cycle method를 사용해야 할 때에만 클래스형 컴포넌트를 사용하는 방식이었다이유는 클래스형 컴포넌트가 함수형 컴포넌트

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

TIL. State

컴포넌트에서 유동적인 데이터를 다룰 때, state를 사용한다. React.js 어플리케이션을 만들 땐, state를 사용하는 컴포넌트의 갯수를 최소화 하는 것을 노력해야한다. 예를들어 10개의 컴포넌트에서 유동적인 데이터를 사용 하게 될 땐, 각 데이터에 state를

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

TIL. props

props는 컴포넌트에서 사용 할 데이터 중 변동되지 않는 데이터를 다룰 때 사용된다.parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때 props가 사용된다.컴포넌트에서 immutable (변하지 않는) 데이터가 필요 할 땐, render()메소드의 내부

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

TIL. RESTful API

RESTful API > 1. API시스템을 구현하기 위한 아키첵처 중에 가장 널리 사용되는 형식 Graphql, GRPC, REST...etc Representational State Transfer 웹상에서 사용되는 여러 리소스를 HTTP URI로 표현하고 그

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

TIL. map함수

map은 callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만듭니다.callback 함수는 배열 값이 들어있는 인덱스에 대해서만 호출된다.값이 삭제되거나 아직 값이 할당/정의되지 않은 인덱스에 대해서는 호출되지 않는다.

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

TIL.fetch 함수

javascript에서 Http요청을 보낼때는 fetch함수를 사용한다.fetch함수는 첫번째 인자로 http 요청을 보낼 API주소, 두번째 인자로 요청을 보내때의 옵션들을 객체형태로 받는다.백엔드로부터 데이터를 받아오려면 api를 호출하고 데이터를 응답받는다.이 때

2021년 7월 29일
·
0개의 댓글
·
post-thumbnail

TIL.인증과 인가

인증은 회원가입을 말한다.인증은 왜 필요할까\-우리 서비스를 누가 쓰는지? 어떻게 사용하는지? 추적이 가능하도록 하기 위해 필요하다.인증에 필요한 것은 무엇이 있을까?\-아이디, 이메일 주소, 비밀번호 등이 있다.비밀번호는 어떻게 관리해야할까?\-Database에 저장

2021년 7월 29일
·
0개의 댓글
·
post-thumbnail

TIL. SASS

SASS (syntactically awesome stylesheets)는 CSS pre-processor로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장이다.SASS의 장점css보다 심플한 표기법으로

2021년 7월 25일
·
0개의 댓글
·

TIL. React Router

Single Page Application (싱글 페이지 어플리케이션)의 약자이다. 말그대로, 페이지가 1개인 어플리케이션이란 뜻이다.유저가 요청 할 때 마다 페이지가 새로고침 되며, 페이지를 로딩 할 때마다 서버로부터 리소스를 전달받아 해석 후 렌더링을 한다.SPA의

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

TIL. React

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

2021년 7월 25일
·
0개의 댓글
·

TIL.Self Refactoring

Refactoring이란? 외부 동작을 바꾸지 않으면서 내부 구조를 개선하는 방법이다. 코드가 작성된 후에 디자인을 개선하는 작업이다. 모든 것을 미리 생각하기보다는 개발을 하면서 지속적으로 좋은 디자인을 찾는다. 메소드 내의 지역변수와 parameter를 주의 깊게

2021년 7월 16일
·
0개의 댓글
·

TIL. HTTP

Hyper Text Transfer Protocol의 약자이다.HTML문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜이다.웹에서 이루어지는 모든 데이터 교환의 기초이며, 클라이언트-서버 프로토콜이기도 하다.Protocol : 컴퓨터 끼리 어떻게 HTML 파일을

2021년 7월 16일
·
0개의 댓글
·