TIL94 20250107 TIL Today 요약[✅] 코딩테스트 2문제배운점1. Expo vs RN 비교 Expo CLI & React Native CLI 비교React Native 프로젝트 생성 방법으로 Expo와 RN 방법이 있다Expo CLI장점간단한 초기 설정 : 기본 템플릿과 설정을 제공하여 복잡한 환경 설정 없이 빠르게 프로젝트 시작다양한 API 지원 : 카메라, 위치252-archive.tistory.com2. npm vs yarn 비교 npm vs yarn 비교나 : 기본이 짜세지 주로 npm 사용 @ : 좋은 걸 써야지 주로 yarn 사용왜 npm을 쓰세요? 하면 나는... 딱히 이유는 없다. (사실 잘 몰라서 그런 거임) 전에 같이 작업했던 백엔드 개발자분께 왜 yarn을 쓰velog.io 2025. 1. 7. 20240103 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 프엔 강의 (1개) 배운점 yarn create react-app [프로젝트 네임] --template typescript npx create-react-app my-app --template typescript 2024. 1. 3. 20240102 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 프엔 강의 (3개) [✅] 올인원 강의 (1개) 배운점 1. js 1-1 every 배열의 모든 요소가 특정 조건을 만족하는지 확인하는데 사용 참이면 true 그렇지 않으면 false array.every(callback(element, index, array), thisArg) callback : 각 배열 요소에 대해 실행할 함수 element : 현재 처리 중인 배열 요소 index : 현재 처리 중인 배열 요소 인덱스 array : every를 호출할 배열 자체 const positiveNumbers = [1, 2, 3, 4, 5]; const allPositive = positiveNumbers.every(function(number) {.. 2024. 1. 2. 20231227 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 기초 개념 강의 (2개) [✅] react 기초2 개념 강의 (2개) 배운 점 1. next.js 개념 React를 기반으로 한 웹 개발 프레임워크 서버 사이드 렌더링 (SSR) 및 정적 사이트 생성(SSG)을 지원하여 웹 애플리케이션의 성능을 향상시키고 검색엔진 최적화(SEO)를 용이하게 한다 1-1 페이지 (Pages) Next에서는 페이지가 프로젝트의 핵심 단위이다 pages 디렉토리에 생성된 파일은 자동으로 라우팅 되어 웹 애플리케이션의 경로에 대응 1-2 서버 사이드 렌더링 (Server Side Rendering, SSR) 페이지를 서버에서 렌더링하고 초기 데이터를 포함하여 클라이언트로 전송 이는 검색 엔진 최적화 및 초기 로딩 성능을.. 2023. 12. 27. 20231226 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 기초 개념 강의 (2개) 배운 점 1. react 1-1 React Hook ? react hook을 사용하면 함수형 컴포넌트에서도 상태 및 생명주기와 관련된 작업을 수행할 수 있어 코드를 더 간결하고 이해하기 쉽게 만들어준다 React Hook에 대해 알아보자 React Hook React Hook은 React 16.8 버전에서 도입된 기능으로, 함수형 컴포넌트에서도 상태(state) 와 생명주기 메서드를 사용할 수 있게 해준다. 1. useState function ImageGallery() { const [index, setIndex] = useState(0) 252-archive.tistory.com 1-2 Next.js? react를 빌.. 2023. 12. 26. 20231211 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 기초 개념 강의 (2개) 배운 점 1) react 1-1 컴포넌트 재사용 가능한 UI 요소로 나타내는 기본 단위 각 컴포넌트는 자체적인 상태(state)와 라이프사이클 메소드를 가질 수 있으며, 부모 및 자식 컴포넌트와 함께 조합가능 UI를 재사용해 유지보수가 용이 1-2 라이프 사이클 컴포넌트의 라이프사이클은 생성되고 삭제될 때일어나는 다양한 단계 마운트(Mountion) constructor() : 생성될 때 호출 초기 상태 설정 및 이벤트 핸들러 등 초기화 render() : 컴포넌트가 ui 렌더링하는 메소드 componentDidMount() : 실제 DOM에 삽입된 후에 호출되는 메소드, 추가 데이터 로딩이나 외부 리소스 요청 업데이트(.. 2023. 12. 11. 이전 1 2 3 4 ··· 16 다음
