본문 바로가기

Programing371

2024-05-10 리액트 입문 오늘 배운 것은 아래 포스트로 정리한다.https://infistudy.tistory.com/206 [내배캠] 001. [JS] 변수 (let, const, var) 와 스코프, 호이스팅변수란?변수의 필요성데이터를 저장하고 관리하기 위해. 데이터를 저장해서 다른 코드에서 재사용할 수 있다.let numberOfusers = 50;numberOfusers = numberOfusers + 5;console.log(numberOfusers); // 55위의 예제에서infistudy.tistory.comhttps://infistudy.tistory.com/207 [내배캠] 002. [JS] 객체와 배열 - 값 접근하기, 수정하기, 삭제하기객체란?개념key : value로 이루어진 데이터의 집합.리액트에서는 JS.. Programing/TIL 2024. 5. 10.
[내배캠] 004. [JS] 객체와 배열 - 템플릿 리터럴, 구조 분해 할당 ES6 업데이트 이후 제공된 핵심 기능 세 가지에 대해 학습한다.Template LiteralsDestructuringSpread Operators템플릿 리터럴 (Template Literals)개념변수와 표현식을 문자열 안에 삽입할 수 있게 해주는 문법.사용법`` 백틱을 이용한다.const customer = { name: '장원영',};const item = { name: '커피', price: 4000,};console.log( '감사합니다. ' + customer.name + '님!' + item.name + ' 을(를) ' + itme.price + '원에 구매하셨습니다.');// '감사합니다. 장원영님! 커피을(를) 4000원에 구매하셨습니다.'위와 같이 출력할 수도 있겠지만 .. Programing/React 2024. 5. 10.
[내배캠] 003. [JS] 객체와 배열 - 수정중 Programing/React 2024. 5. 10.
[내배캠] 002. [JS] 객체와 배열 - 값 접근하기, 수정하기, 삭제하기 객체란?개념key : value로 이루어진 데이터의 집합.리액트에서는 JSON 형태로 데이터를 불러오는 작업을 많이 한다. (JSON, JavaScript Object Notation)특징key: value 쌍을 이룬다 / value에는 모든 자료형이 올 수 있다const user = { name: '장원영', // string type age: 21, // number type group: 'ive', isBeauty: true, // boolean type printHello: () => console.log('hello') // function}접근 방법점 표기법console.log(user.name); // '장원영'console.log(user.age); // 21us.. Programing/React 2024. 5. 10.
[내배캠] 001. [JS] 변수 (let, const, var) 와 스코프, 호이스팅 변수란?변수의 필요성데이터를 저장하고 관리하기 위해. 데이터를 저장해서 다른 코드에서 재사용할 수 있다.let numberOfusers = 50;numberOfusers = numberOfusers + 5;console.log(numberOfusers); // 55위의 예제에서는 1번 재사용했지만, 실제로 코드를 작성하다 보면 수 십, 수 백 군데에서 재사용 하기도 한다. 이 때 원본 데이터가 변경되면 그 부분을 모두 수정해주어야 하는데, 변수에 할당해서 재사용하는 경우 변수의 값만 바꾸어 주면 되기 때문에 효율적.변수의 특징변수 선언문의 스코프변수 선언문스코프설명var함수 스코프선언된 함수 내에서 접근 가능let, const블록 스코프코드 블록 내에서만 접근 가능변수 선언문에는 let, const, v.. Programing/React 2024. 5. 10.

티스토리툴바