profile
프론트엔드 좋아해요 🕊
태그 목록
전체보기 (122)js(28)자바스크립트(21)알고리즘(19)백준(16)프로그래머스(10)boj(8)html(7)CSS(6)타입스크립트(5)프론트엔드(5)git(5)Firebase(3)HTTP 완벽 가이드(3)nextjs(3)CSS기초(3)BFS(3)html기초(3)스택(2)클로저(2)위상정렬(2)html요소(2)JS 백준(2)Custom server(2)DFS(2)숨바꼭질(2)이펙티브 타입스크립트(2)그리디(2)css 배경이미지(1)카카오블라인드(1)CPU권한(1)commit취소(1)가상돔(1)리액트 프로젝트(1)이모션(1)백준 JS(1)자바스크립트 최신동향(1)cors(1)자바알고리즘(1)리덕스 청크(1)넘블(1)mbti테스트만들기(1)숨바꼭질4(1)K번째수(1)자바스크립트최신명세(1)자료구조(1)git 사용법(1)greedy(1)디자이너-백엔드-프론트엔드-연계(1)깃 브랜치(1)team git(1)팀활동(1)html 표(1)bind(1)css 정렬(1)리액트(1)MaxHeap(1)시스템호출(1)Flux패턴(1)맥스힙(1)br태그(1)nodejs(1)rgb거리(1)css 변형(1)카카오(1)알고리즘_기초(1)gitflow(1)(1)MariaDB utf-8 설정(1)시간복잡도(1)자바스크립트 mbti(1)ArrayList 사용(1)염따(1)코딩테스트 백준(1)React(1)탐욕알고리즘(1)개인프로젝트(1)다익스트라(1)git명령어(1)git 팀플(1)깃 허브(1)네이버d2(1)css박스모델(1)프로토타입(1)스프링부트(1)아주치토(1)벨만포드(1)리덕스청크(1)디바운스(1)스로틀(1)이분탐색(1)공간복잡도(1)이모지(1)컴퓨터팀플(1)git관리(1)HTML 구조(1)자바백준(1)revert(1)깃데스크톱(1)크게만들기(1)git add 취소(1)개발일지(1)class(1)나무자르기(1)Flex(1)알고리즘공부(1)삼성싸피(1)휴리스틱(1)html 전역속성(1)table그리기(1)git flow(1)p태그(1)적록색약(1)selector(1)github.io(1)문자열(1)리트코드 394(1)프로젝트 피드백(1)Jpa세팅(1)JWT(1)리액트 공식문서(1)html인용문처리(1)리액트 알고리즘(1)팀플 git(1)리트코드(1)방향그래프(1)순위(1)interface(1)신규아이디추천(1)웹프론트엔드(1)증가돔(1)깃이모지(1)커링(1)백준 bfs(1)네카라쿠배(1)git 블로그(1)this(1)HTTP완벽가이드(1)MariaDB설치(1)html 메타데이터(1)css 색상표기법(1)플로이드와샬(1)MinHeap(1)mysql(1)CSS개념(1)git branch(1)css 배경넣는법(1)(1)개츠비(1)백준런타임에러(1)사용자모드(1)싸피6기(1)백준10825자바(1)실패율(1)깃허브사용법(1)Diffing Algorithm(1)type(1)leetcode(1)2812(1)transition(1)트랜지션(1)메뉴리스트(1)CSS flex(1)js 런타임에러(1)css 기초(1)아주대학교마스코트(1)재귀(1)js this 바인딩(1)알고리즘 기초(1)커널모드(1)나무자르기js(1)작업(1)문자열알고리즘(1)싸피후기(1)Java(1)express(1)CRP(1)css transform(1)git-bash(1)기능개발(1)깃사용법(1)5014(1)스타트링크(1)시스템콜(1)SSAFY(1)제로베이스(1)빅오표기법(1)깃허브(1)백준 2056(1)운영체제(1)깃블로그(1)redux(1)adminpage(1)방탈출(1)Suspense(1)path alias(1)emotion(1)git수정(1)용돈관리(1)카카오 API(1)리덕스 청크 파이어베이스(1)git about 수정(1)경로찾기(1)apply(1)call(1)kakao블라인드(1)마리아디비(1)typescript(1)
post-thumbnail

[이펙티브 타입스크립트] 2장 타입스크립트의 타입 시스템 (9,10,11장)

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

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

[이펙티브 타입스크립트] 2장 타입스크립트의 타입 시스템 (6,7,8장)

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

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

August 월간 보고서

느릿느릿 10월에 내놓는 8월 나의 월간 보고서 겸 회고록 :>인프런에 있는 올라온 게시글이 있다. 7개월이 지나고서 홀린듯이 들어가보니 너무 좋은 글이 있어서 캡쳐해왔다. ⏤ \[인프런 인터뷰] To. 주니어 개발자 한 회사에 면접을 보러갔는데 '프로젝트에서 피그마

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

[이펙티브 타입스크립트] 1장 타입스크립트 알아보기

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

2022년 9월 27일
·
0개의 댓글
·

타입스크립트 조각집

e.target.dataset interface 혹은 type 설정시 ` useState의 setState Dispatch를 import해주면 된다 !

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

[백준 / JS] 2257 화학식량

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

2022년 8월 21일
·
0개의 댓글
·

CORS 에러를 싫어할 자유

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

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

[Next JS] 커스텀 서버와 파이어베이스

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

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

[프로그래머스 | JS] LV.2 오픈채팅방

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

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

[프로그래머스 | JS] LV.1 체육복

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

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

[HTTP 완벽 가이드] 커넥션 관리

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

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

Next JS의 Custom Server

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

2022년 7월 30일
·
0개의 댓글
·
post-thumbnail

[HTTP 완벽 가이드] HTTP 메시지

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

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

[HTTP 완벽 가이드] URL과 리소스

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

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

[Javascript] 클로저와 커링

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

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

[HTTP 완벽 가이드] HTTP 개관

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

2022년 7월 17일
·
0개의 댓글
·

TECH CONCERT: FRONT END 2019 - 오늘부터 나도 FE 성능분석가

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

2022년 7월 13일
·
0개의 댓글
·
post-thumbnail

CRP 최적화 방안

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

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

[NextJS,Typescript] 카카오 API와 Firebase 연동하기 정리

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

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

개발 일지

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

2022년 7월 3일
·
0개의 댓글
·