마!내가바로왕만두다

아침에 코드 카타 하고    오늘은 개인과제 ... 의 늪에 빠져서     기존에 작업 했던 것를 다 삭제하고  처음부터 다시 튜터님이랑시작했다 .   역시 map 을 많ㅇ ㅣ쓰는데  너무 헷갈리고 어려워서  죽는줄알았다 div>   {countries.map((country) => (   p key={country.country}>   {country.country} {country.gold} {country.silver}   p key={country.countryName}>   {country.countryName} {country.gold} {country.silver}   {country.bronze}   /p>   ))} 어찌저찌 .. 다. 끝내지 못햇지만  제출은 했다 !!!  오늘도 하차 ..

TIL 2024. 8. 13. 23:57

react 베이직 반  이름 짓기  camelCase kebab-case PascalCasesnake_case   표기법을 사용하면 가독성이 높아진다   camelCase 변수 함수 ㄷㅐ부분 쓰임  kebab-case css 클라스 폴더 자바스크립트파일  PascalCase 리액트 컴포넌트 App.jsx ,TodoList.jsx 클래스 명  snake_case파이썬  표기법만으로도 파일의 역할 을 알 수. 잇기 때문에 나뉜다     vite 깔기  터미널 키고 yarn create vite 엔터  프로젝트이름 입력 현재폴더에 만들려면 . 입력  react -> javascript swc  yarn , yarn dev 엔터   package.json 은 설명서다    시맨틱 html  접근성을 높혀주 ㅁs..

TIL 2024. 8. 12. 20:18

리액트란 ?  웹사이트나 앱을 만들 . 떄쓴다  웹싸이트는 html , css ,js 를사용하는데  리액트는 js 를 . 더 쉽게 쓸수 있도록 도와준다  컴포넌트 component  웹싸이트를 만드는데 필요한 작은 블록  버튼 ,이미지 ,텍스트 상자 를 컴포넌트라고생각하면됨  버튼 컴포넌트 - "버튼" 이라는 블록 텍스트 상자 컴포넌트 - "텍스트" 라는 블록  state  상태?  컴포넌트가 가지고 있는 정보 컴포넌트의 상태를 사용해서 현재 어떤 . 정보를 가지고 있는 지. 알수있음 게임 에서 점수를 저장 하는것 이라고생각 하면됨 . 버튼이 눌렸는지 기억하는 상태 텍스트 상자에 입력된 내용을 저장하는 상태 props 속성  컴포넌트에 정보를 주는 방법컴포넌트를 만들때 필요한 정보를 전달해줘야 할때 사용..

TIL 2024. 8. 9. 20:38