'Fetch' 태그의 글 목록

nuxt.js

2023.08.07

#nuxt.js 뷰 서버사이드 랜더링을 구현할 때 가장 많이 쓰는 프레임워크 SEO 전달 서버 사이드 렌더링이란 웹 페이지의 내용을 서버에서 모두 작성해서 클라이언트(브라우저)로 보낸 뒤 화면에 그리는 방식을 의미 쓰는이유 : 검색 엔진 최적화,빠른 페이지 렌더링 ssr이 무조건 좋은건가? 서버쪽에서 환경 구성이 되므로 서버빌드에 대한 이해도가 필요하다 node.js 환경에서 실행 되므로 브라우저 관련 api 다룰 시 주의 해야한다. 또한 beforeCreate나 created에서 window, document같은 브라우저 객체에 접근할 수 없다. 😉컴포넌트가 최초로 생성되는 시점이 브라우저 아니라 Node.js 환경이기 때문에 beforeCreate나 created에서 브라우저 객체를 접근할 수 없습니..

😊FrontEnd

api

2023.03.16

1.비동기처리 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성 (동기처리로 할경우 코드실행을 기다리고 기다려야하니 어플리케이션을 실행하는 대 시간이 오래걸림) -예로 setTimeout() 도 비동기 처리이다. (3초뒤에 실행하라고 했을때 뒤에 나오는 다른 코드수행을 먼저하고 3초후에 setTimeout이 실행된다.) -비동기처리로 인해 api통신을 할때 undefined가 나오므로 콜뱀함수로 특정로직이 끝났을때 동작을 실행시킬 수 있다. -비동기처리 로직을 위해 콜백함수를 연속으로 사용하면 콜백지옥에 빠질 수 있는대 이를 해결하기 위해 나온것이 Promise나 Async 이다.(콜백함수 분리) 2.자바스크립트 Prom..

React

영화 리스트

2022.10.01

혼자 강의 들으면서 만들어본 영화 리스트! fetch , Routes, Route, BrowserRouter, useParams 을 이용하여 페이지 만들기! 배울수록 어려우면서도 이해가 가면서도 재밌는 리액트!! # 가끔 리액트 안열리고 아래와 같이 뜰때 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. npm install react-scripts 설치 후 실행하면 잘됨

nuxt.js

api

영화 리스트

티스토리툴바