RealMenRoad

path veriable : 변수에 경로를 사용 아이디로 정의를 처음에 해서 아래 Diary 컴포넌트에서도 비구조화할당을 id로 함. query string : url과 함께 데이터 전달 웹페이지에 데이터를 전달하는 가장 간단한 방법 ? 뒤에 커리는 페이지에 영향을 끼치지 않음 비구조화 할당 첫번째 배열 인자는 꺼내서 사용 가능. const [searchParams, setSearchParmas] = useSearchParams(); const id = searchParams.get('id'); console.log('id : ', id); 뒤에 set함수로 변경 기능도 사용할 수 있음. setSearchParmas({ abc: 'efg' })}> 파람 바꿔버리기 navigate 는 함수형으로 페이지 이..

async를 앞에 붙이면 promise를 return 하게 됨 자동적으로 비동기 처리 함수가 된다. await 키워드를 비동기 함수의 호출 앞에 붙이게 되면 비동기 함수가 마치 동기적인 함수처럼 작동을 하게 됨. await 키워드가 붙은 함수의 호출은 await 뒤에 있는 함수가 끝나기 전까지는 await 아래에 있는 코드가 실행되지 않는다. await 줄은 동기적으로 수행이 됨. await 키워드는 async가 붙은 함수 내에서만 사용 가능 async와 await을 활용해서 비동기 코드 promise를 반환하는 함수를 동기적인 함수를 마치 호출한 것처럼 사용할 수 있도록 만들어줌

이벤트 루프에 대해서 설명, 동시성 모델에 대해서 설명 먼저 자바스크립트는 싱글 스레드 이지만 동시에 논블로킹으로 실행이 된다. 잊지말자. 자바스크립트 파일을 기계가 알아 들을 수 있게 기계어로 번역을 해주는 자바스크립트 엔진 선언한 변수들이 어디에 저장되어있는지 기록하는 장치 == memery heap call stack이 무엇이냐? 먼저 들어간것이 나중에 나오는 stack 형태(자료구조) call이 쌓여진 형태 (call이란 function을 호출하는것) call 즉 호출이 되어지면 무조건 call stack에 쌓인다. 함수들을 스택형태로 저장해주고 저장해준 함수들을 하나씩 실행하는 역할을 하는것이 call stack call stack을 통해서 어떤 함수를 실행하고 있는지 알 수 있다. web ap..

HTTP 프로토콜이란? HTTP(Hypertext Transfer Protocol) 프로토콜이란 상호 간에 정의한 규칙을 의미하며 특정 기기 간에 데이터를 주고받기 위해 정의다. 통신 프로토콜을 쉽게 풀어보면 "내가 이렇게 보낼게 너는 이렇게 받아" 라고 이해하면 되겠다. 웹에서는 브라우저와 서버 간에 데이터를 주고받기 위한 방식으로 HTTP 프로토콜을 사용하고 있습니다. HTTP 프로토콜 특징 HTTP 프로토콜은 상태가 없는(stateless) 프로토콜입니다. 여기서 상태가 없다라는 말은 데이터를 주고 받기 위한 각각의 데이터 요청이 서로 독립적으로 관리가 된다는 말입니다. 좀 더 쉽게 말해서 이전 데이터 요청과 다음 데이터 요청이 서로 관련이 없다는 말이죠. 이러한 특징 덕택에 서버는 세션과 같은 별..

Dom = 즉 html이란 코드로 설계된 웹페이지가 브라우저 안에서 화면에 나타나고 이벤트에 반응하고 값을 입력받는등 기능들을 수행할 객체들로 실체화된 형태라고 보면 됩니다. 이 html 요소들을 하나하나가 부품들이라고 치고 이것들로 조립돼서 만들어진 웹페이지를 가져다 주면 실제품으로 찍어낸게 dom이라고 봐도 되겠네요 dom은 자바스크립트 객체는 아니지만 자바스크립트가 제어할 수 있는 대상이라고 한다.(파이썬에서도 dom을 조작가능하다) 이유는 dom이 api를 갖고 있어서이다. --api이란 어떤 방식으로 명령이나 요청을 내리면 요청에 따라 기능들을 수행하도록 만들어 놓은것 dom은 브라우저라는 공장이 만든다. 헌데 공장들마다 만들어내는 제품들이 똑같애야하는데?? 이런 api 같은것들도 웹사이트 크롬..