3. Longest Substring Without Repeating Characters
start와 end가 substring의 시작과 끝을 가리킨다. substring의 길이와 substring의 각 알파벳을 해쉬에 넣었을 때의 길이가 같은지를 확인하여 중복된 알파벳이 존재하는지 여부를 확인한다. 만약 중복된 알파벳이 있다면, end에 있는 알파벳과 같
[타입스크립트] 1. The Basics
1. The Basics Static type-checking > 자바스크립트 : dynamic typing 자바스크립트는 런타임에 발생하는 에러에 대해서 미리 알지 못한다. > 타입스크립트 : static type-checking (정적 타입 체크) 타입스크립트는 프로그램이 실행되기 전에 타입이 올바른지를 확인해준다. 정적 타입 시스템은 프로그...
리액트 LifeCycle
매초마다 화면에 현재 시간이 업데이트되는 클래스형 컴포넌트이다. 호출 순서 요약render에 <ClocK />이 전달되었을 때, React는 Clock의 constructor를 호출한다. constructor는 this.state를 현재 시간으로 초기화한다. 리액
이벤트 루프와 태스크 큐 (마이크로 태스크, 매크로 태스크)
자바스크립트는 싱글 스레드 기반의 언어이고, 자바스크립트 엔진은 하나의 호출 스택만을 사용한다. 이는 요청이 동기적으로 처리되어, 한 번에 한 가지 일만 처리할 수 있음을 의미한다. 만약, 네트워크 요청과 같은 비동기 함수가 동기적으로 이루어지는 함수로 만들어졌다면, 어떤 일이 일어날까? 네트워크 요청이 다른 서버로 보내지고, 컴퓨터는 응답 받기를 ...
Shadow DOM
👉 JSFiddle에서 Shadow DOM 예시 확인하기 web에서 중요한 것은 캡슐화이다. 캡슐화를 통해 다른 부분에는 영향을 주지도, 받지도 않으면서 그 자체의 구조, 스타일, 행동을 유지할 수 있게 된다. shadow DOM은 DOM을 캡슐화한 것이다. shadow DOM을 통해 element에 캡슐화된 DOM을 붙일 수 있게 된다. 📕 ...
Soft 404 오류와 robots.txt로 액세스 차단하기
🎯 문제 상황 > 메인 페이지로 연결되지 않는다? 구글에서 사이트의 링크를 클릭할 경우, 메인 페이지가 아닌 다른 페이지가 뜨는 현상이 있었다. 구글 크롤러가 다시 크롤링하기까지를 기다려서 해결이 되는 것인지 알 수 없었다. 우선은 당장 해결할 수 있는 방법이 있는지를 알아보아야 했다. > soft 404 처리가 되고 있다? 그러다 팀원분께서 "...
프론트엔드 로드맵(2021)과 나의 위치
지금 내 위치가 어디인지를 파악하는게 중요하다고 한다. 이 로드맵을 보면서 큰 그림을 그려보고, 나는 어떤 스텝을 밟고 있는지, 제대로 알고 넘어갔는지를 확인하자 😊
왜 개발자의 철학일까
이번 인턴십에서 우리에게 보고 싶은 모습은 그 사람의 '생각'과 '철학'이라고 하셨다.이를 초반부터 분명히 하셨다.그리고 4주차 수요일인 오늘도 다시 한 번 더 우리 각자의 '철학'이 무엇인지에 대해 궁금해하셨다.먼저 왜 개발자에게 그 사람이 갖고 있는 철학이 무엇인지
MobX에서 observable, action 만들기
MobX는 구조를 만드는 방법이 하나만 존재하는 것이 아니라, 여러 방법을 제시하고 있다. 여기서는 observable, action을 만드는 여러 방법에 대해 알아볼 것이다.Observable은 makeObservable 을 사용하여 observable이라고 표기해야
MobX 코어 개념
MobX에 대해 공부하며, 공식문서의 README와, The gist of MobX를 읽으며 내가 이해한대로 정리한 글이다. 그래서 틀릴 수 있다...😢MobX는 action으로 state가 바뀌었을 때, 단방향 으로 데이터가 흐르게 된다. 그 결과 영향을 받는 뷰
DOM은 무엇인가? DOM Node와 Element의 차이
여행자보험의 보장명과 보장가격을 가져오기 위해 웹크롤링을 해보았다. 사실 이 과정은 그냥, html parsing해주는 라이브러리를 사용해서 html에서 내가 원하는 정보를 가져오는 것이 전부였다. 원하는 결과가 무엇인지, 내가 무엇을 해야하는지는 명확했지만, 그 결과
[Book] 그릿
p.193) 판단을 배제하고 그 순간의 자기 모습 그대로 인식하는 것이 중요하다. 도전을 즐기는데 방해가 되는 판단에서 자신을 해방시켜야 한다.p.195) 열정의 원천은 (1)흥미, (2) 목적 (타인의 행복에 기여하겠다는 의도)그릿이 높은 사람은 대부분 자신의 궁극적
이벤트 캡쳐링 & 버블링, 이벤트 전파 순서
이벤트 캡쳐링과 버블링, 이벤트 전파 순서, preventDefault, stopPropagation
[LeetCode] Concatenation of Consecutive Binary Numbers
Concatenation of Consecutive Binary Numbers