자바스크립트 strict mode

다음의 결괏값을 예측해보라전역 스코프에 x 변수의 선언이 존재하지 않기 때문에 ReferenceError를 발생시킬 것 같지만 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성한다.이러한 현상을 암묵적 전역이라 한다.개발자의 의도와는 상관없이 발생한

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

자바스크립트 함수와 일급 객체

무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다.이처럼 arguments, caller, length, name, prototype

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

자바스크립트 생성자 함수에 의한 객체 생성

new 키워드를 사용하여 생성하는 함수를 의미반복된 코드를 사용하는 나쁜 사례개선된 패턴을 사용하는 좋은 사례new 연산자와 함께 호출하면 해당 함수는 생성자 함수로 동작한다.new 연산자와 함께 생성자 함수를 호출하지 않으면 생성자 함수가 아니라 일반 함수로 동작한다

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

자바스크립트 프로퍼티 어트리뷰트

내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 사용한다.자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아니다.원칙적으로 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지 않는다.

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

자바스크립트 let, const 키워드와 블록 레벨 스코프

var 키워드로 선언한 변수의 문제점 변수 중복 선언 허용 만약 동일한 이름의 변수가 이미 선언되어 있는 것을 모르고 변수를 중복 선언하면서 값까지 할당했다면 의도치 않게 먼저 선언된 변수값이 변경되는 부작용이 발생한다. 함수 레벨 스코프 함수 레벨 스코프는 전

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

자바스크립트 전역 변수의 문제점

전역 변수의 무분별한 사용은 위험하다.전역 변수를 반드시 사용해야 할 이유를 찾지 못한다면 지역 변수를 사용해야 한다.지역 변수 x는 foo 함수가 호출되기 이전까지는 생성되지 않는다.foo 함수를 호출하지 않으면 함수 내부의 변수 선언문이 실행되지 않기 때문이다.fo

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

자바스크립트 스코프(javascript scope)

스코프는 변수 그리고 함수와 깊은 관련이 있다.우리는 이미 스코프를 경험했다.함수의 매개변수는 함수 몸체 내부에서만 참조할 수 있다.함수 몸체 외부에서는 참조할 수 없다고 했다.매개변수를 참조할 수 있는 유효범위, 매개변수의 스코프가 함수 몸체 내부로 한정되기 때문이다

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

Semantic Tag

시맨틱이란 HTML5는 HTML4의 태그를 그대로 사용하면서도 '시맨틱 태그'가 더 추가되었습니다. 태그 이름만 보고도 문서 구조에서 어떤 역할을 하는지 쉽게 이해할 수 있는 것을 '시맨틱' 하다라고 합니다. 대신 , 처럼 각 역할에 맞는 태그들이 사용되어 지고 있

2020년 3월 18일
·
0개의 댓글

MobX를 React Hooks (TypeScript) 와 함께 사용하는방법

MobX와 React Hooks를 조합하려고 하면 mobx-react-lite를 자연스럽게 접하게 됩니다. 그러나, 기존의 모든 기능이 구현되어 있지는 않아서 직접 구현을 하셔야 합니다. 예를 들면, 외부에 스토어를 생성하고 사용할때, 리액트에 안에서 사용할 수 있도록 해주는 inject나 Provider를 제공하지 않습니다. Hooks로 코드를 작성...

2019년 10월 6일
·
0개의 댓글

React Native 시작전 고려사항(단점X)

React를 사용한 웹개발 경험이 있으면, React Native를 이용한 앱개발을 고려하게 됩니다. React Native를 이용하여 앱을 개발시 미리 알았더라면 하는 내용입니다. 1. React로 웹 개발해 봤으면 바로 시작 할 수 있습니까? React로 웹을 만들어 봤으면 동일한 구조로 진행 할 수는 있습니다. 는 로 바꾸고, 은 로 바꾸면 끝이다라...

2019년 8월 11일
·
3개의 댓글

HTTP 프락시(Proxy)의 개념

프락시는 클라이언트와 서버 사이에 위치하여 HTTP 메세지의 중개인 역할을 한다. 주제 요약 HTTP 프락시와 웹 게이트웨이의 비교를 통해 HTTP 프락시가 어떻게 배치되는가 몇가지 유용한 활용방법 프락시가 실제 네트워크에 어떻게 배치되어 있는지, 트래픽이 어떻게 프락시 서버로 가게 되는가 브라우저에서 프락시 사용을 위한 설정 방법 HTTP 프락...

2018년 12월 18일
·
0개의 댓글
post-thumbnail

Dan Abramov - 변화에 최적화 되어있다

훌륭한 API란 무엇이라고 생각하십니까 훌륭한 API 설계는 명확하고 기억하기 쉬워야 합니다. 읽기 쉽고, 올바르면서, 효율적인 그리고 사용하는 개발자에게 친화적이어야 합니다. 나는 이러한 것들이 API를 사용하는 라이브러리 개발자들의 최우선 요구 사항이라고 생각한다. 나는 API 설계 측면에서 이걸 "first order"라고 부른다. 코드 중 일정 ...

2018년 12월 12일
·
0개의 댓글
post-thumbnail

Dan Abramov - setState 제대로 알고 쓰십니까?

컴포넌트에서 setState를 사용 할 때 무슨 일이 일어나는지 고민 해본적이 있습니까? 리액트는 state가 { clicked: true }로 바뀔때, 렌더링을 통해 DOM이 Thanks로 변경된다. 간단해 보이지만 의문이 있다. React가 하는 것일까 ReactDOM이 하는 것일까 보통 DOM을 변경하는 것은 ReactDOM이 처리 하는 것으로 ...

2018년 12월 11일
·
2개의 댓글
post-thumbnail

[책 리뷰] 타입스크립트 퀵스타트

평점 : ★★★★☆ 4.5 요즘 추세가 프레임워크를 가리지 않고 타입스크립트를 사용하는 경우가 많아지고 있고, 리액트와 타입스크립트를 사용하여 조그마한 프로젝트를 하게되어서 구매하였습니다. 일단 타입스크립트 관련 국내 서적이 몇 권 없습니다. 타입스크립트 검색을 통해 서적들을 살펴보면 몇 권 있는 책들도 Angular에 관련된 책들이고 Angular를 ...

2018년 12월 10일
·
0개의 댓글

HTTP 상태 코드(HTTP status code)

100 - 199 : 정보성 상태 코드 정보성 상태 코드는 HTTP/1.1 에서 도입되어 비교적 새로운 것이며, 복잡함을 감수할 만큼 가치가 있는지에 대해 논란이 되고 있다. 100 : 요청의 시작 부분 일부가 받아들여졌으며, 클라이언트는 나머지를 계속 이어서 보내야 함을 의미함 101 : 요청자가 서버에 프로토콜 전환을 요청했으며, 서버에서 이를 승...

2018년 12월 9일
·
1개의 댓글

URL vs URI

흔히 혼용되어 불리는 URL과 URI의 차이점에 대해 알아보자. 1. URI는 Uniform Resource Identifier(통합 자원 식별자)를 의미한다. URI는 인터넷의 우편물 주소 같은 것으로, 고유하게 정보 리소스를 식별하고 위치를 지정한다 ex) velog 유저 honeysuckle의 블로그 - https://velog.io/@hone...

2018년 12월 7일
·
0개의 댓글
post-thumbnail

npm, 2019년 자바스크립트 동향 예측

16000명 자바스크립트 개발자들의 사용 트렌드를 반영하였다. npm의 창업자이자 최고 운영 책임자(COO)인 Laurie Voss는 2019년을 다음과 같이 예측하였다. > "자바스크립트 영역이 커짐에 따라 다양하고 생태계가 어떻게 변화할지는 예측이 어렵다." 1. 개발자들은 현재 사용하는 툴(도구) 중 하나를 버릴 것이다. 자바스크립트 생태계에서...

2018년 12월 7일
·
6개의 댓글
post-thumbnail

Dan Abramov - 왜 super(props) 를 명시해 줘야 하는가?

hooks가 최근에 핫하다고 들었다. 아이러니하지만 class 컴포넌트에 재밌는 사실을 설명하기 위해 블로그를 시작한다. 리액트를 더 잘 사용하기 위해서 이것을 아는것은 중요하지 않지만, 어떻게 동작하는지 깊이있게 파고드는 것을 좋아한다면, 재미있을 것이다. 첫 번째 예시를 보자. 나는 super(props) 에 대해 제대로 알기 전부터 사용해왔다....

2018년 12월 2일
·
10개의 댓글

프론트엔드 면접 질문 모음

설명 개발자 준비를 하면서, 면접에서 개별적으로 혹은 공통적으로 받았던 질문 리스트입니다. 주로 로켓펀치와 원티드를 통해 구직활동을 하였으며, 당연히 비율상 규모가 큰 기업 보다는 스타트업 위주로 면접이 진행되었습니다. 서류를 제출한 모든 기업으로부터 면접이 진행되지 않아, 질문 내용이 보편적이지 않을 수 있습니다. 자바스크립트를 활용한 웹 프론트엔드 직...

2018년 11월 27일
·
29개의 댓글

[책리뷰] Node.js 교과서 - 7장 MySQL

7.1 데이터베이스란? 관련성을 가지며 중복이 없는 데이터들의 집합. DBMS : 데이터베이스를 관리하는 시스템(DataBase Management System) RDBMS : 관계형 데이터베이스 관리 시스템(Oracle, MySQL, MSSQL, PostgreSQL...) 7.2 MySQL 설치하기 7.3 워크벤치 설치하기 워크벤치는 데이터를 시각적...

2018년 11월 19일
·
0개의 댓글