profile
9개월차 프론트엔드 개발자 입니다. 열심히(?) 발버둥 치는 중!
post-thumbnail

자바스크립트 기초 - 3 (실행 컨텍스트, 호이스팅, this)

실행 컨텍스트(execution context)란? >실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체이다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅), 외부 환경 정보를 구성하고(스코프 체인), t

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

자바스크립트 기초 - 2 (데이터 타입, 변수, 불변성)

본 글은 공부하면서 작성한 글로, 너무 깊게는 들어가지 않으려 합니다.최신 ECMAScript 표준은 다음과 같은 자료형을 정리한다.기본 자료형인 여섯가지 데이터타입 \- Boolean \- Null \- Undefined \- Number \- String

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

SPA 그리고 SSR과 CSR

렌더링에 관해선 이전 글에서 작성했지만 다시 한번 간단하게 말하고 가자면, 렌더링이란 사용자가 웹 페이지에 접속했을 때 서버로부터 HTML 파일을 받아 화면에 그려주는 것이다. SSR(Server Side Rendering) 과거 그리고 현재도 그렇지만, 많은 웹사이

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

자바스크립트 기초 - 1 (자바스크립트 엔진)

자바스크립트 엔진은 자바스크립트 코드를 해석하고 실행하는 인터프리터이다.대중적으로 알려진 엔진은 구글의 V8엔진인데, 아무래도 가장 많이 사용되는 크롬에서 사용되고, Node.js에서 사용되는 엔진이기도 하기 때문인 듯 하다.하지만 렌더링 엔진과 마찬가지로 브라우저마다

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

HTML 기초 - 3 (렌더링이란?)

렌더링이란 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 과정이다.브라우저는 서버로부터 HTML 문서를 다운을 받는다.렌더링 엔진은 HTML 문서를 파싱해서 DOM 트리를 만든다.그 다음, 외부 css 파일과 함께 포함된 스타일 요소를 파싱하여 CSSOM 트리를

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

CSS 기초 - 3 (position, opacity, z-index, overflow...)

요소의 투명도를 조절하는 스타일 속성이며, 0.0부터 1.0 사이의 값으로 설정할 수 있다.요소의 위치를 설정할 수 있다.static : 기본 값이며, 마크업 순서대로 배치된다. top, left, right, bottom, z-index 값에 반응하지 않는다. rel

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

CSS 기초 - 2 (display, visibility)

display는 요소의 종류를 선택하는 속성이다.block 형식은 한 줄 모두를 차지하며, 넓이와 높이 설정이 가능하다.inline 형식은 내용만큼 차지하며, 넓이와 높이 속성을 지정할 수 없다. 또한 margin 속성은 좌우로만 지정할 수 있다.inline-~ 형식은

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

CSS 기초 - 1

css편은 자주 사용하는 속성들에 대해서만 기술css란 Cascading Style Sheets의 약자로, HTML문서를 꾸밀 때 사용하는 스타일 시트 언어이다.white-spacenormal : 기본값으로 연속하는 공백을 하나로 처리, 자동으로 줄을 바꿈nowrap

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

HTML 기초 - 2 (시맨틱 태그, 메타태그)

시맨틱(Semantic)은 "의미의, 의미론적인" 이라는 뜻, 즉 시맨틱 태그란 의미를 가지는 태그이다.시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있다. 시맨틱 웹이란 웹이 존재하는 수많

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

HTML 기초 - 1 (DTD, 주요 태그)

본 글은 MDN의 자료를 요약한 것입니다.😄 HTML(Hypertext Markup Language)이란?HTML은 어떠한 형식으로 보이게 하거나 특정한 방식으로 동작하도록 하는 Element들로 이루어져 있다.각 Element는 속성을 가질 수 있는데, 속성은 실제

2020년 5월 21일
·
0개의 댓글

Mobx 사용 중 에러 해결기

음...오늘 오후 내내 고생했던 이야기를 남겨본다.현재 진행중인 프로젝트는 React와 Typescript, Mobx 를 사용하여 진행 중이다.api를 공통으로 사용하는 페이지가 많아서, 공통 스토어를 두고 각 페이지에서 사용할 스토어들에서 상속을 받았다.common

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

React에 Mobx 얹어서 로그인 구현해보기

아무래도 아직까지는 Mobx보다 Redux를 사용하는 사람들이 많아서 Mobx에 관한 자료가 적습니다.게다가 Mobx가 자유도가 높은 것인지 정형화 된 패턴이 보이지 않기도 하고, 리액트 Hook이 나오면서 클래스형 컴포넌트를 사용할 때와 Hook을 사용할 때 Stor

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

React에 Facebook 로그인 얹어보기

소셜로그인 기능을 붙이는건 처음이라 검색을 해봤더니, 온통 react-facebook-login 사용방법밖에 없어서 직접 써봅니다.(사실 위 라이브러리 가져다 쓰는게 편하..ㅂ...)본 글에서는 간단한 정보만 불러오는 내용만 기재하니 자세한 내용은 페이스북 개발자 사이

2020년 4월 21일
·
0개의 댓글