아이템 9. 타입 단언보다는 타입 선언을 사용하기 타입스크립트에서 변수에 값을 할당하고 타입을 부여하는 방법은 두 가지이다. 이 두 가지 방법은 결과가 같아보이지만 그렇지 않다. const alice:Person = {name:'Alice'}; 방법은 타입 선언

2장, 타입스크립트의 타입 시스템 타입스크립트는 코드를 JS로 변환하는 역할도 있지만, 가장 중요한 것은 타입 시스템에 있다. 아이템 6 . 편집기를 이용하여 타입 시스템 탐색 타입스크립트를 설치하면 두 가지를 실행 할 수 있다. > 1. 타입스크립트 컴파일러(

1장 타입스크립트 알아보기 인터프리터(파이썬, 루비와 같이)로 실행되는 것이 아니고, 저수준 언어로 컴파일(자바나 씨언어)되는 것도 아니다. 또 다른 고수준 언어닌 자바스크립트로 컴파일되며, 실행 역시 타입스크립트가 아닌 자바스크립트로 이루어진다. 그렇기 때문에 타입

Problem | 2257 화학식량실버 2엄청 헤맸다.3가지의 경우로 생각해야한다.현재 point 가 "(" 인 경우현재 point가 ")" 인 경우"(" 도 아니고, ")"도 아닌 경우1번 일 경우,1.a ) 그냥 stack에 넣어준다.2번인 경우2.a ) stack

CORS 에러 fetch 혹은 axios 등과 같은 함수로 자료(html, jpeg, svg, mp4 등과 같은 파일)를 요청할 때 콘솔 창에 아래와 같은 에러가 뜨곤 한다. 이런 에러는 왜 뜨는지와 어떻게 해결해야하는지에 대해 작성해보고자 한다. CORS란? CORS란, Cross Origin Resource Sharing의 약자이다. 말 그대로 '...

Next JS의 Custom Server 는 기본 세팅에 관련된 내용이고 커스텀 서버와 파이어베이스를 함께 연동하는 방법입니다. 몇일 간 파이어베이스와 커스텀 서버를 연결하는데 애를 먹었습니다.. 🥲 공식 문서도 뒤져보고, 영문 블로그도 서치해봤는데 해답이 나오지

Problem | 오픈채팅방대부분의 회사가 IDE 복사를 허용하지 않아서 프로그래머스 IDE 창에서 코드를 치는 습관을 들이고 있다. 그래서 tab키 간격이 고르지 않을 수 있습니다 🥲map 을 사용한다. change 되거나 새로 들어오는 경우 다시 map의 닉네임

Problem | 체육복 여벌 체육복을 가져온 학생이 체육복을 도난당했을 수 있습니다. 이때 이 학생은 체육복을 하나만 도난당했다고 가정하며, 남은 체육복이 하나이기에 다른 학생에게는 체육복을 빌려줄 수 없습니다.이 문장을 해석하지 못해서 여러 번 틀렸다.가장 먼저

HTTP 완벽 가이드를 읽고 정리한 글입니다 📒 4장 커넥션 관리 이 장에서는 HTTP가 어떻게 TCP 커넥션을 사용하는지, TCP 커넥션의 지연 방법을 확인하고 HTTP를 최적화 시키는 방법에 대해 설명하고 있는 장이다. TCP 커넥션 HTTP 는 프로토콜들

이전에 작성했던 [NextJS,Typescript] 카카오 API와 Firebase 연동하기 정리 에서 이어지는 내용입니다. 기술 스택은 NextJS , Typescript 입니다. Custom Server 도입 왜 Custom Server를 도입하게 되었는가

HTTP 완벽 가이드를 읽고 정리한 글입니다 📒 3장 HTTP 메시지 인바운드, 아웃바운드 인바운드와 아웃바운드는 HTTP 메시지 통신을 하는 송신 방향이다. 클라이언트가 원서버에 보내는 방향은 인바운드, 그 반대 방향은 아웃바운드라고 부른다. 다운스트림 HTT

HTTP 완벽 가이드를 읽고 정리한 글입니다 📒 2장 URL과 리소스 2장의 처음 비유가 마음에 들어서 끌어오고 싶다. 인터넷 세계가 만약 관광지라고 생각해보자. 관광지에는 주요 볼거리, 서비스 등이 있는데 그것들을 각각의 프로토콜로 정의하는 것이다. 예를 들면

정재남 개발자님의 코어 자바스크립트의 '클로저' 파트를 보고 정리한 글입니다. 모던 자바스크립트에는 커링에 대한 부분이 나오지 않았었던 것 같은데 코어 자바에서 있었다.. !! 자바스크립트는 알면 알수록.. 더 알아야하는 언어임을 깨닫게 되었다. 커링 함수를 보고

HTTP 완벽 가이드를 읽고 정리한 글입니다 📒 1장, HTTP 개관 개관이라는 단어는 너무 웅장한 것 같다. HTTP 의 시작이라고 말하고 싶다. HTTP 프로토콜은 현대 인터넷의 공용어로서, 굉장히 중요한 역할을 하고 있다. 브라우저의 동작 원리는 어렴풋이 알지

그런 말을 들은 적이 있다. 프론트엔드에 쉽게 도전하지만 꽤나 까다로운 직무라고. 그 이유는 백엔드가 성능을 개선한다면 눈에 확 띄지만, 프론트엔드가 성능을 개선한다고 하면 눈에 띄지 않을 가능성이 있다. 개발 관련 유투브에서 들었는데 기억이 나지 않는다.4G 5G를

면접을 보고 정리를 해야겠다 해야겠다 생각하다가 이제야 정리하게 되는 굼벵이이다.CRP란 Critical rendering path의 약자다. 중요 랜더링 경로라는 의미인데 프론트엔드 면접 질문에 많이 나와있는 브라우저 랜더링 과정의 답안이기도 하다.DOM 트리는 자바

업로드중..프론트엔드 프로젝트에 카카오 API와 Firebase를 연동하는 방법입니다.REST API를 이용한 방식입니다.카카오 developers console에서 애플리케이션을 추가해주었습니다.앱키에서 REST API 키를 .env 파일에 추가했습니다.NextJS에

과정을 남기기 위해 작성한 미완성 글입니다.카카오 developers에서 애플리케이션을 설정해주었다. 지난 프로젝트에서 다른 팀원이 카카오 로그인 API 연결을 SDK로 하셨다가 REST API 로 변경하신게 기억에 남아 REST API를 이용하려고 한다.애플리케이션에

가까운 미래에 Virtual Dom 이 Incremental Dom으로 대체될 것이다. 리액트를 공부하다 가상 Dom을 들어보게 된다. 가상돔을 통해 리액트의 UI 퍼포먼스는 비약적으로 향상되었다. 가상돔이 실제돔에 적용하는 방법은 리액트의 알고리즘 이모저모 (dif

가중치가 낮은 것(0) 은 앞에 unshift 시켜주고, 가중치가 높은 것(1) 은 push 시켜주어서 가중치가 낮은 것부터 bfs 탐색이 가능하게끔 한다. 관련 문제 풀이 1442 벽 부수고 이동 2 > enqueue로만 구현해서 0-1 bfs 로 풀었다고 말할