TIL

험난한 git 탐험기

화살표 함수는 익숙해지면 더욱 빠르고 편리하게 함수를 만들 수 있다!본문이 한 줄인 함수를 작성할 때 유용하고, 여러 줄인 경우 다른 방법으로 화살표 함수를 작성한다.인수가 하나밖에 없다면 인수를 감싸는 괄호 생략 가능인수가 없을 땐 빈 괄호(생략 불가능)

XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스

EVENT?브라우저에서 발생하는 사건 ex.클릭..드래그.. 참조이벤트 등록elem.addEventListener("이벤트", "함수");const startButton = document.querySelector(".startbutton");function onBut

웹페이지의 구조를 잡는 언어이다.tag로 이루어져있다.<시작태그>내용</종료태그>시작 태그에 속성을 가질 수 있고, 여러개의 속성 지정이 가능하다.요소 : <시작태그>내용</종료태그>

HTML 태그들에 디자인을 입혀준다.inlinehtml 태그 내 style 속성html, css 분리되지 않아 유지보수에 적합하지 않다.style스타일 태그를 따로 두고 설정html, css 분리되지 않아 유지보수에 적합하지 않다.css 파일따로 css파일 관리하여 유

margin > border > paddingmargin: 테두리 바깥의 여백border: 테두리padding: 테두리 안쪽의 여백ex.margin: top right bottom leftbox-sizing: border-box : width 안에 border와 pad

block요소 inline요소 block요소 옆에 다른 요소가 올 수 없음 inline요소 옆(같은 줄)에 다른 요소가 올 수 있음 display display: inline-block; block을 inline으로 바꿔준다. display: none; 보이지 않게

검색엔진 크롤러가 웹사이트 정보를 수집하고(크롤링), 인덱서는 키워드를 미리 예상하여 검색 키워드에 대응하는 인덱스(색인)을 만들어 둔다.(인덱싱) 인덱싱할 때 수집하는 정보는 웹사이트의 HTML 코드이다.HTML 코드 만으로 그 의미를 인지하는데 이때 시맨틱 요소(S

position 속성 - relative, absolute, fixedstatic - default값relative - top, right, bottom, and left 값 준 만큼 원래 위치에서 움직임 Other content will not be adjusted

HTTP? Hypertext Transfer Protocol HyperText: 문서와 문서가 링크로 연결 Transfer : 전송 (보내는 주체 - 받는 주체) Protocol : 협약, 통신 규약 (어떻게 HyperText를 주고 받을지에 대한) HTTP의 특징

동기 (sync) : 비동기 (async) : 다른 절차들이 진행될 수 있게 요청하고 사라짐fetch코어자바스크립트CallbackPromiseasync/awaitEvent LoopWeb APITask Queue

named export default exports 파일마다 하나의 default export가 존재한다. exports, module.exports module.exports === exports === {} module.exports로 내보냈을 때? modu

생활코딩 강의를 듣고 정리함 OAuth

HTTP 요청은 stateless = 다른 요청과 독립적이고, 이전 상태를 기억할 수 없다. session 세션이란 사용자가 브라우저를 닫아 서버와의 연결을 끝내는 시점을 의미하고, 웹 사이트 여러 페이지에 걸쳐 사용되는 사용자 정보를 저장하는 방법 서버 측에 데

react query (a.k.a TanStack Query)

client-exception