리액트를 기준으로 폴더, 컴포넌트등 여러 명명규칙을 잘 지켜야한다. react hooks 사용 시 소문자로 사용하시면 규칙 에러 표시된다고 한다. 폴더명 직접적으로 컴포넌트들이 들어있지 않은 디렉토리 폴더명의 첫시작은 소문자로 한다. (camelCase) 직접적으로 컴포넌트들이 들어있는 디렉토리 폴더명은 대문자로 시작하고 후속단어의 시작을 대문자로 한다. (PascalCase) 컴포넌트 명 (styled component 포함) PascalCase를 사용 컴포넌트 명과 파일명을 일치시킨다. 컴포넌트를 제외한 모든 태그들은 소문자로 한다. js 함수, 변수, hook camelCase를 사용 asset 파일 소문자 사용
부가적인 기술 스펙트럼
프로젝트 생성 - 현재 디렉토리에 리액트 프로젝트 생성 npm init react-app . 개발 모드 실행 npm start 프로젝트 빌드하기 npm run build 빌드한 프로젝트 로컬에서 실행 npx serve build
React의 기초개념 5가지 Component React에서 UI를 구성하는 독립적인 단위이다. 컴포넌트는 재사용이 가능하며, 각각의 컴포넌트는 특정한 기능을 담담한다. 예를 들어 버튼, 입력 필드, 헤더, 페이지 등이 모두 컴포넌트가 될 수 있다. 예시. 정의 function Welcome(props) { return Hello, {props.name} } 랜더링 const element = ; ReactDOM.render( element, document.getElementById('root') ); Props Props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는데 사용된다. Props는 읽기 전용이며, 자식 컴포넌트에서 변경할 수 없다. 컴포넌트의 속성을 설정하여 해당 컴포넌트에 데이터를..
내가 React를 선택한 이유, React의 장점 첫 프로젝트를 진행하다 보니 프론트에 대한 지식이 많이 부족한 것 같아서 프론트에 대해서 조금 공부를 해봐야겠다라고 생각하였다. 많은 프론트 기술들 중에서 고민을 하다가 React를 간단하게 배워볼까라고 생각하게 된 가장 큰 이유는 같이 프로젝트를 진행한 팀원들이 React를 이용한 것이 컸지만 React를 배우면서 사용자 정의 태그를 만들 수 있기 때문에 많은 사용자들이 있는 것을 알게 되었다. React는 자바스크립트를 기반으로 하고 class와 function 두 가지 문법이 있는데 function 문법을 주로 사용한다. 출처 https://www.youtube.com/watch?v=AoMv0SIjZL8
아래 내용은 맥북 m1으로 설치한 과정입니다. 1. Flutter SDK 설치 https://docs.flutter.dev/get-started/install/macos macOS install How to install on macOS. docs.flutter.dev 우선 위 사이트로 들어가서 오른쪽에 있는 버튼을 눌러서. zip 파일을 다운로드하였다. 이후 다운로드 완료를 누르니 자동으로 압축이 풀리고 다운로드 폴더 안으로 flutter 폴더가 들어가 있었다. 그래서 그 파일을 아래의 경로로 옮겨주었다. export PATH="$PATH:/Users/개인설정마다 다름/flutterSDK/flutter/bin" 2. Android Studio 설치 https://developer.android.com/..
