주석이란?주석은 프로그래밍할 때내용을 메모하거나,나중에 사용하기 위해서 남겨놓을 코드를 보관하거나프로그래머의 의견이나 코드 설명을 적기 위해 사용한다.  특히 다른 사람과 협업할 때는, 내가 짠 코드를 팀원이 잘 확인할 수 있게 메모해두는 것이다.  주석 생김새// 한 줄 주석/* 여러줄을한꺼번에 주석처리 시 요렇게 사용*/ 주석 단축키맥북command + /윈도우ctrl + /내가 주석처리 하고 싶은 코드 위에 커서를 올려 놓고 단축키를 누르면 주석처리가 된다.

1. HTML 내에서 ...  2. HTML 내에서 닫는 태그 바로 직전 앞에서  왜 요즘에는 2번 방법으로 js를 넣는가1번과 같이 head 태그 안에다가 작성 시 html이 완전히 로딩 되기 전에 js를 먼저 로딩시킨다. 근데 파일이 커져버리면 읽을게 많아져서 html이 로딩이 매우 느려진다. 그것을 예방하기 위해서 일단 html을 다 로딩시켜놓고 마지막에 js를 로딩시키는 방법을 요즘에는 더 선호하고 있다.  3. HTML에 외부 JS 파일 연결하기... ... // 01_001.jsdocument.write("2. 외부 Js 파일에서 불러오기");

state, 함수 이용 좋아요 버튼을 누르면 숫자가 올라가게끔 만들 것이다. 이때 숫자는 누르는 횟수만큼 +1이 되기 때문에 state를 써줄 것이다. 1단계 : 형태만 만들기 import {useState} from "react"; function App() { let [heart] =useState(0); return ( 좋아요 ❤️ {heart} ); } 2단계 : 좋아요를 눌렀을 때 0이 1로 바뀌도록 (onClick 사용) import {useState} from "react"; function App() { let [heart, heartAlterNums] =useState(0); return ( 좋아요 hearAlterNums(1)}> ❤️ {heart} ); } 3단계 : 누를때마다 +1이..

import "./App.css"; function App() { let post = '강남 우동 맛집'; // 서버에서 가져온 실제 테이터라는 가정 return ( 네비게이션 바 {post} ); } export default App; let post 로 변수 저장한 후 중괄호 {}를 이용해 불러올 수 있다.

1. JSX란 함수 호출과 객체 생성을 위한 문법적 편의를 제공하는 JavaS 의 확장 2. JSX의 장점 1. 개발자 편의성 향상 2. 협업에 용이 / 생산성 향상 -> 디자이너 분들이 코드를 보더라도 구조를 파악하기 쉬워서 협업에 용이! 3. 문법 오류와 코드량 감소 3. JSX의 특징 HTML 태그 내에 JavaScript 연산 가능! 3. JS 와 JSX 차이점

이전에는 var a; var b = 1; 요렇게 var로 선언을 했다면 이제는 const c = 2; let d = 3; d =4; 로 사용하자 const 는 한 번 선언하면 값을 바꿀 수 없는 상수가 되고, let은 선언과 변경이 자유로운 변수를 의미한다. 차이점 ** const로 선언된 변수는 같은 스코드(중괄호)내에서 중복된 이름을 가질 수 없다.