https://velog.io/@goblin820/Node.js-EADDRINUSE-%EC%97%90%EB%9F%ACapi key 설정도 env 파일에 잘 되어있는데 에러가 뜸\_document.tsx 파일에도 잘 들어가있음새로운 도메인을 kakao-devel

1. 어떻게 쓰이나? > 홈페이지 메뉴 혹은 연속되는 콘텐츠들을 작성 및 나열할때 자주 사용되는 HTML 태그이다. ul, li 외에도 목록을 나타낼 때 사용하는 HTML 태그로 dd, dl, dt 태그가 있다. 2. 어떤 차이가 있나? ` 태그는 순서가 없는 목록(

하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소들이다. 그리고 블록 요소는 새로운 줄에서 시작하며 부모 요소의 전체 너비를 차지한다. 기본적으로 레이아웃을 정의하고 콘텐츠를 구성하는 데 사용한다.대부분의 블록 요소는 내부에 블록

React 프로젝트에서 state는 컴포넌트 안에서만 관리된다. 그렇기 때문에 아래와 같은 문제점이 발생할 수 있다.자식 컴포넌트 간 직접적인 데이터 전달이 불가능자식 컴포넌트가 많아지고 이들 간 데이터 전달이 필요하다면 부모로부터 props 전달이 필요프로젝트가 커지

React 프로젝트에서 state는 컴포넌트 안에서만 관리된다. 그렇기 때문에 아래와 같은 문제점이 발생할 수 있다.자식 컴포넌트 간 직접적인 데이터 전달이 불가능자식 컴포넌트가 많아지고 이들 간 데이터 전달이 필요하다면 부모로부터 props 전달이 필요프로젝트가 커지

'의미의', '의미론의'라는 한국어 뜻이 있다. 즉, semantic하게 HTML을 작성한다는 뜻은 문서의 의미에 맞는 태그를 사용하여 문서 구조를 마크업한다는 뜻이다.HTML을 작성할 때, div와 span태그 만으로도 대부분의 마크업이 가능하다. 이렇게 문서를 구성

어떤 함수에 동일한 인자를 주었을 때, 항상 같은 값을 반환하는 함수이다. 또 외부의 상태를 변경하지 않는(No Side Effect) 함수라고 말할 수 있다.순수 함수의 예시 코드)위 코드에서 add는 인자로 10, 5를 받았을 때, 항상 15를 리턴한다.위 코드에서

쿠키는 웹 사이트(서버)에 의해 클라이언트 측(즉, 사용자의 브라우저)에 저장되는 작은 데이터 조각이다. Session 쿠키와 Permanent 쿠키가 있다.Session 쿠키는 웹 브라우저가 켜져 있는 동안 유효하고 브라우저를 종료하면 사라진다.Permanent 쿠키

React의 훅으로 current 속성을 가진 객체를 반환한다. 어떤 값을 저장하는 공간으로 활용하거나 DOM 요소에 접근하여 다양한 일을 하는 데 도움을 준다.useRef는 state와 동일하게 저장 공간으로 사용할 수 있다. 다만, state의 값은 리액트 컴포넌트

외부 파일, 라이브러리 코드, 모듈 등을 불러오거나 내보내기를 할 때 node.js에서 사용되고 있는 CommonJS 키워드이다.아래와 같은 문법으로 사용된다.exports는 객체이다. exports에는 모듈로부터 내보내지는 데이터들이 담겨있다.외부 파일, 라이브러리

웹에서 클라이언트와 서버가 통신할 때 HTTP의 중요한 특징 중 하나로 비 연결성이 있다.이는 통신을 계속해서 유지하지 않기 때문에 자원 낭비를 줄일 수 있다는 장점이 있지만, 통신을 할 때마다 새로운 연결이 계속해서 필요하다는 단점이 있다. 예를 들면 처음 웹 사이트

JavaScript에서 키워드 this는 함수가 속성인 객체 또는 함수가 호출될 때 바인딩되는 객체를 나타낸다. 이 값은 런타임에 결정되며 함수가 호출되는 방식에 따라 변경될 수 있다.위 코드에서 person 객체 안에 fullName이라는 메서드가 정의 되었다.그리고

Hyper Text Transfer Protocol의 약자로 서로 다른 기기나 플랫폼끼리도 TCP/IP 계층에서 데이터를 주고 받을 수 있도록 정한 통신 규약이다.클라이언트가 서버에 요청(request)을 보내고 서버는 이에 응답(response)하는 형식이다.서버는

개발자가 더 적은 노력으로 효율적인 애플리케이션을 구축할 수 있도록 도움을 주는 공통 도구, 라이브러리, 등을 제공한다. 즉, 시스템을 구축하기 위해 구조화된 접근 방식을 제공하는 사전 정의된 지침, 규칙 및 모범 사례 집합이다.라이브러리는 개발자가 개발 프로세스를 단

CPU는 메인 메모리로부터 연산에 필요한 데이터를 가져오고 처리하고 그 결과를 메인 메모리에 새로 갱신한다. 이 과정에서 생각보다 긴 시간을 소비하게 된다. 그리고 자주 사용하는 데이터를 매번 메인 메모리에서 가져다 쓰는 것은 상당히 비효율적이다. 따라서 저장 공간은

코드는 Top to Bottom으로 흘러간다. 그런데 이 상식으로는 이해가 되지 않는 현상이 발생한다.첫 줄에서 변수가 선언되기 전에 variable을 참조했으므로 에러가 발생할 것이라 생각했지만 에러는 발생하지 않고 undefined가 반환된다!마치 2번 줄에 선언한

Parameter는 함수/메서드 선언 시 함께 선언되는 변수이다.아래 코드 예제를 보고 이해하면 쉽다.Argument는 함수가 호출될 때 실제로 함수에 전달되는 값이다.참고로 영어를 직역하자면 '논거'인데 함수가 실행되고 나온 '결과에 대한 논거'라고 생각할 수 있다.

브라우저(Browser)인터넷에서 웹 서버의 모든 정보를 볼 수 있도록 하고, 문서 검색을 도와주는 응용 프로그램이다.Google Chrome, Apple Safari, Microsoft Edge, Naver Whale 등이 있고 각자 고유의 렌더링 엔진을 가지고 있다

API는 Application Programming Interface의 약자이다. 먼저 인터페이스는 사람과 사물, 서로 다른 사물과 사물 사이에서 통신을 통해 특정 기능을 수행할 수 있도록 도와주는 일종의 경계면이다. 따라서 API는 서로 다른 소프트웨어 시스템이 서로

npm install react-kakao-maps-sdkyarn add react-kakao-maps-sdknpm install kakao.maps.d.ts --save-dev yarn add kakao.maps.d.ts --dev react-kakao-maps-sd