FE (프론트)/react.js
-
비동기 Single Thread 언어 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 동기 / 비동기 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 js의 동시성을 지원하는것이 바로 '이벤트루프'! 비동기 처리 비동기처리 방식의 문제점 -> 반환 결고 ㅏ가지고 후속처리 불가 -> callback 사용 Callback 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는것 즉, 함수 자체를 매개변수로 전달하는것 Callback Hell => Promis, Async Promise resolve(value) reject(error) 비동기처리가 성공하면,..
[SOPT] week04 세미나 TIL - API 통신비동기 Single Thread 언어 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 동기 / 비동기 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 js의 동시성을 지원하는것이 바로 '이벤트루프'! 비동기 처리 비동기처리 방식의 문제점 -> 반환 결고 ㅏ가지고 후속처리 불가 -> callback 사용 Callback 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는것 즉, 함수 자체를 매개변수로 전달하는것 Callback Hell => Promis, Async Promise resolve(value) reject(error) 비동기처리가 성공하면,..
2023.11.11 -
Router 그동안 사용한 페이지 이동 => a태그 a태그의 문제점? html새로 불러오면서 다시그림. 화면 깜빡 우리가 배우는 react는 sap환경 즉.하나의 html 그럼 조건부렌더링으로 페이지 바꾸면안되나? => 놉 뒤로가기 앞으로가기 동작 ㄴ 새로고침시 최초 렌더링메인 이동 특정 url 접속 ㄴㄴ 페이지별 즐찾도 불가 => 우리가 사용할 것: Router React Router routing: 사용자가 요청한 url에 따라 알맞은 페이지를 보여주는것. 이 기능을 가진게 Router임 Router Components 종류 BrowserRouter =>多用 HashRouter MemoryRouter NativeRouter 주로 BrowserRouter사용하고, 필요에따라 HashRouter 사용 B..
[SOPT] week04 세미나 TIL - react-router-domRouter 그동안 사용한 페이지 이동 => a태그 a태그의 문제점? html새로 불러오면서 다시그림. 화면 깜빡 우리가 배우는 react는 sap환경 즉.하나의 html 그럼 조건부렌더링으로 페이지 바꾸면안되나? => 놉 뒤로가기 앞으로가기 동작 ㄴ 새로고침시 최초 렌더링메인 이동 특정 url 접속 ㄴㄴ 페이지별 즐찾도 불가 => 우리가 사용할 것: Router React Router routing: 사용자가 요청한 url에 따라 알맞은 페이지를 보여주는것. 이 기능을 가진게 Router임 Router Components 종류 BrowserRouter =>多用 HashRouter MemoryRouter NativeRouter 주로 BrowserRouter사용하고, 필요에따라 HashRouter 사용 B..
2023.11.11