728x90 반응형 웹35 [JavaScript] 기초 - 데이터와 형태 변수 생성 방법과 호이스팅 자바스크립트 엔진은 소스코드 평가 단계를 거쳐 실행 단계로 가게 되는데, 변수 생성은 평가 단계와 실행 단계에서 이루어진다. 변수 생성 단계1. 선언 단계: 변수를 변수 객체에 등록2. 초기화 단계: 변수를 메모리에 할당하고, undefined 로 초기화3. 할당 단계: undefined 로 초기화된 변수에 실제로 값을 할당 변수 선언은 3가지 방법으로 가능하다 -> var / const / let - varES6 이전부터 존재했음코드 평가단계에서 선언과 동시에 초기화 진행코드 실행단계에서 값 할당 진행console.log(a);var = 1;console.log(a);/*출력undefined1*/ 코드 평가시점에서 초기화가 되어있으므로, 변수의 할당문이 실행되기도 전에 참조.. 2024. 7. 29. [React+JS/리액트] 웹 스터디 11주차 성능개선1: 개발자도구 & lazy import props 를 보냈는데 출력이 안된다거나 이미지를 넣었는데 안보이는 버그같은게 생기면 개발자도구를 켜서 Elements 탭을 살펴보면된다.이 탭에서는 내가 짠 코드가 실제 html css 로 변환되어 보여지는데, 컴포넌트로 보고 싶다면 리액트 개발자도구를 설치해서 보면된다. - 크롬 확장 프로그램: React Developer Tools 설치하러가기 Chrome Web Store브라우저에 새로운 기능을 추가하고 탐색 환경을 맞춤설정합니다.chromewebstore.google.com 크롬 웹스토어에 들어가서 React Developer Tools 을 검색하고 설치한 뒤에 개발자도구에 들어가면 Components 탭이 생기는데, 여기서 개발중인 리액트사이.. 2024. 7. 12. [React+JS/리액트] 웹 스터디 10주차 localStorage - 1 새로고침하면 모든 state 데이터는 리셋된다. 왜냐면 새로고침하면 브라우저는 html css js 파일들을 처음부터 읽기 때문이다. 이게 싫다면 state 데이터를 서버로 보내서 DB 에 영구저장하면 되는데, 서버가 없는 경우 차선책으로 localStorage 를 이용해도 된다. localStorage 는 유저의 브라우저에 정보를 저장하고 싶을 때 쓰는 공간으로 정보를 반영구적으로 저장이 가능하다. 저장된 정보는 크롬개발자 도구에서 Application 탭에 들어가면 확인할 수 있다. - localStorage 에는 사이트마다 5MB 정도의 문자 데이터 저장 가능 (문자만 저장가능)- object 자료와 비슷하게 key/value 형태로 저장- 유저가 브라우저 청.. 2024. 7. 11. [React+JS/리액트] 웹 스터디 9주차 Redux - 4 redux state 가 array/object 인 경우 변경하기 {name : 'kim', age : 20} 이렇게 생긴 객체의 'kim' 을 'park' 로 변경하고 싶을 때 두 가지 변경 방법이 존재한다. 1번 - 변경함수를 통해 return 오른쪽에 적은 데이터로 기존 state 를 갈아치워주는 방법2번 - state 를 직접 수정하는 방법 2 번처럼 state 를 직접 수정하는 문법 사용이 가능한 이유는 Immer.js 라이브러리가 state 사본을 하나 더 생성해주기 때문이다. ( (Immer.js 라이브러리는 Redux Tookit 에 내장되어 있어 Redux 설치시 자동으로 딸려온다)// 1let user = createSlice({ name : 'user', init.. 2024. 7. 4. 이전 1 2 3 4 5 6 7 8 9 다음 728x90 반응형
