목록react (3)
CodeClover

최근 진행한 팀 프로젝트에서 페이지 이동을 처리하는 방식에 대해 논의가 있었습니다.// 방법 1: a 태그 사용...// 방법 2: div에 onclick 사용...위의 두가지 방식 모두 페이지를 이동시킬 수 있지만 어떤 방식이 올바른 방식인지에 대해서 고민하는 과정에서 이 두가지 방식의 차이점과 어떤 방식이 더 추천되는 방식인지 두 가지 방식의 차이점과 권장 방식을 정리해보겠습니다.💁🏻♀️ 우선 결론부터 말하자면페이지 이동을 목적으로 한다면 onclick보다는 a 태그를 사용하는 것이 명확히 더 추천되는 방법입니다.✅ 겉보기엔 비슷하지만 실제론 큰 차이가 있다두 방식은 UI 상에서는 비슷하게 동작할 수 있지만 a 태그는 단순히 작동만 하는 것이 아니라 웹의 의미론적 구조, 접근성, SEO, 브라우..

https://ko.react.dev/blog/2025/02/14/sunsetting-create-react-app Create React App 지원 종료 – ReactThe library for web and native user interfacesko.react.dev 리엑트 프로젝트 생성 시 사용하던 create-react-app이 앞으로 지원을 멈춘다고 한다..! npx create-reat-app 프로젝트이름→ 원래 사용하던 리엑트 프로젝트 생성 방식 BUT ! 앞으로는 vite 같은 빌드툴 사용해서 프로젝트를 생성해야함.이번 기회에 새로운 방식으로 프로젝트 생성하는 과정을 정리해보려고 한다. 💁♀️ Vite로 React 프로젝트 생성하는 방법npm create vite@latest ..

recommanded for most users 설치하기 설치링크https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 설치된 zip파일을 선택해서 설치를 진행해보자 ! 계속을 눌러서 설치를 진행하면 된다. 이용약관 동의를 선택하고 설치를 계속 진행한다.설치 프로그램을 위해서 개인암호를 입력하고 마저 설치를 진행하면... 설치완료! 알맞게 설치되었는지 명령어를 활요해서 설치 확인하기node -v 터미널을 열어서 명령어를 입력했을때 내가 설치한 node.js의 버전이 나오면 확인 완료! 우선 바탕화면으로..