728x90 반응형 전체 글34 Why React? 프론트엔드 단골 질문 중 하나라고 하는 "리액트 왜 사용하세요? 왜 리액트를 선택하셨어요?" 에 답변하기 위해서이기도 하지만,사용하는 이유를 정확히 알고 배운다면 공부하는데 더 자극이 되지 않을까 싶다. - 강력한 커뮤니티국내 뿐만 아니라 해외에서도 인기가 많은 프레임워크이기 때문에 다른 프레임워크보다 큰 커뮤니티를 보유하고 있다. 이는 다양한 자료와 예제코드, 라이브러리 등이 있어 학습과 문제 해결에 좋다는 것을 의미한다. 다양한 서드파티 라이브러리 및 도구 예시상태 관리 : 리덕스, MobX 등스타일링 : Styled-Components, CSS Modules 등라우팅 : React Router 등+ 비슷한 언어인 React Native를 사용해 모바일 앱 제작도 가능하다. - 가상돔 (Virtua.. 2024. 8. 22. NPM, NPX, YARN - NPM (Node Package Manager)Node.js의 기본 패키지 관리자이다.Node.js와 함께 설치된다.Node.js의 종속성을 관리하고 패키지를 설치, 업데이트, 제거하는 데 사용된다."package-lock.json" 파일을 사용하여 패키지 버전을 고정한다.더보기주요기능패키지 설치dependency 내 설치 : npm install 패키지명--savedevDependency 내 설치 : npm install 패키지명--save-dev패키지 제거 : npm uninstall 패키지명패키지 업데이트 : npm update 패키지명패키지 실행 : npm run 스크립트명 // 주로 dev, start, serve와 같은 것들이 사용되며, packege.json 파일에서 확인 가능패키지 초.. 2024. 8. 21. 이넘, 제네릭 - 이넘 (enum)열거형을 정의하는 것으로 열거형은 관련된 상수 집합을 그룹화하여 가독성 및 유지보수성을 높일 수 있다.숫자 열거형 (Numeric Enum)자동으로 숫자 값이 할당되며, 0부터 시작문자열 열거형 (String Enum)명시적인 문자열 값을 통해 명확한 값을 가지며 예측 가능상수 열거형 (Const Enum)컴파일 할 때 상수로 대체되며, 런타임에는 존재하지 않음성능 최적화 시 유용홉합 열거형 (Heterogeneous Enum)숫자와 문자열을 혼합하여 사용 (단, 혼란을 초래할 수 있으므로 주의 필요)// 숫자 열거형 (Numeric Enum)enum Num { Up = 1, // 첫 번째 멤버에 1을 부여하여 각 멤버는 0이 아닌 1부터 시작하는 숫자 값을 가지게 된다. Dow.. 2024. 8. 21. 설치, 컴파일, 변수 선언 방법 [타입스크립트]- 설치과정node.js 설치맥 사용자는 터미널, 윈도우 사용자는 명령 프롬포트에서 node -v를 입력하면 버전 확인이 가능하다. 버전이 안 뜬다면 설치가 안된 것이므로 재설치!터미널에서 npm init -y 입력 및 엔터해당 명령어 입력 시 기본적인 질문을 자동으로 답변하여 필요한 패키지를 구성해 준다.npm install typescript를 입력해 타입스크립트 설치개발 모드에서만 사용할 것이라면 위 명령어 대신 npm install typescript --save-dev 명령어 입력설치된 파일을 삭제하고자 한다면 npm uninstall typescript 입력 - 컴파일(compile) 방법* 컴파일이란 파일을 변환하는 것을 의미node ./node_modules/typescrip.. 2024. 8. 20. 이전 1 ··· 3 4 5 6 다음 728x90 반응형
