- 전체보기(19)
- next.js(3)
- 프론트엔드(3)
- JavaScript(3)
- typescript(2)
- 기술면접(2)
- computer science(2)
- 청년고민해결단(1)
- cors(1)
- asynchronous(1)
- IntelliJ(1)
- app router(1)
- 디렉토리(1)
- promise(1)
- TCP/IP(1)
- 다짐글(1)
- code snippet(1)
- session storage(1)
- Web Storage(1)
- url(1)
- Blocking(1)
- non blocking(1)
- OSI(1)
- 비동기(1)
- 네트워크(1)
- 우아콘(1)
- frontend(1)
- 자바스크립트(1)
- next13(1)
- 주니어(1)
- CS(1)
- interface(1)
- 파일(1)
- editor(1)
- 멘토링(1)
- local storage(1)
- synchronous(1)
- this(1)
- 동적바인딩(1)
- middleware(1)
- extension(1)
- react 18(1)
- type(1)
- automatic batching(1)
- Metadata(1)
- 프로젝트(1)
- cookie(1)
- 배민(1)
- ogTags(1)
- WOOACON(1)
- Token(1)
- batching(1)
- 리다이렉트(1)
- vscode(1)
- 글또(1)
- 이동욱님(향로님)(1)
NEXT.js app router에서 url을 통해 Open Graph 정보 가져오기
Next.js의 app router에서 URL을 가지고 Open Graph 정보는 어떻게 가져올 수 있을까?
자바스크립트의 프로미스 (Promise) 는 무엇일까요
콜백 지옥에서부터 프로미스의 then/catch를 거쳐 이제는 많이 사용하고 있는 async/await의 기반이 되는 프로미스에 어떤 메서드들이 있고, 어떤식으로 작동하는지 조금 더 알고 사용하면 좋을 것 같아 정리하는 시간을 가져보려고 한다.
헷갈린다. 너란 Synchronous, Asynchronous / Blocking, Non-Blocking
비슷한 개념인것 같지만 사실은 바라보는 관점이 다른 Synchronous, Asynchronous / Blocking, Non-Blocking에 대해 알아보자
자바스크립트의 this를 알아보자
자바스크립트에서 this는 함수가 호출되는 방식에 따라 this에 바인딩될 값이 동적으로 결정된다. 헷갈릴 수 있는 this 개념에 대해 정리해보는 시간을 가져보자!
Next.js의 Middleware 활용해보기
Middleware에서 페이지 리다이렉트 시켜주기 (Middleware 너 참 할 수 있는 일이 많구나..?!)
CORS 뿌시기
아마 개발자라면 한번쯤은 CORS를 들어봤거나 실제로 마주치고 머리를 탁🤦🏻♀️ 쳐본 경험이 있을것이다. 이 알듯말듯한 이 CORS의 정체가 도대체 무엇인지 알아보도록 하자!
[우아콘 2022] 우리는 하나다! 모노레포 with pnpm
시작전부터 기다렸던 2022 배민의 우아콘이 10월 19일부터 10월 21일 진행된 후 막을 내렸다 🙏🏻
Intellij 프로젝트 폴더가 보이지 않아요..
intellij를 사용하다가 .gitignore에 .idea 폴더를 추가하는 과정에서 잘못하여 idea 폴더를 삭제 해버렸다...
Cookie🍪 와 Web Storage
Cookie와 Web Storage (Local Storage, Session Storage)는 왜 말로 설명만 하려고 하면 헷갈릴까? 이번 기회에 다시 정리해보자!
객체 리터럴
객체란? 객체는 데이터를 의미하는 프로퍼티(property)와 데이터를 참조하고 조작할 수 있는 동작(behavior)을 의미하는 메소드(method)로 구성된 집합원시타입을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다.
원시 값과 객체의 비교
자바스크립트는 7가지 데이터 타입을 제공하며 이는 원시타입(primitive type)과 객체타입(reference type)으로 분리된다.(숫자, 문자열, 불리언, null, undefined, 심벌, 객체타입)