React TIL80 [React] Day_68 데일리 정리 PR... 하고나니 갑자기 불어난 내.. 과제덜...마이페이지.. 우당탕.. 해야겠다 아하하하하 ^-^;;;오늘도 챌린지 정리 가보자구yole go. 챌린지반 강의정리 - 패키지매니저 & 모노레포npm, yarn 말고 더 있다구요???? 패키지 매니저 소프트웨어 개발에서 라이브러리(패키지)를 설치, 업데이트, 관리하는 도구 - 필요한 이유의존성 관리 – 프로젝트에서 필요한 외부 라이브러리를 쉽게 설치 및 관리 가능버전 제어 – 특정 라이브러리 버전을 고정, 팀원 모두가 동일한 환경에서 개발 가능프로젝트 초기화 – 빠르게 필요한 환경을 구성 및 복잡한 설치 과정을 단순화 JS 패키지 매니저의 역사 - 주요 패키지 매니저npm (Node Package Manager)yarnPnpm (오, 이건 처음들.. 2024. 12. 24. [React] Day_67 데일리 정리 오늘은 수빠베이스랑 싸우는날~.~내일은.. 이브인데.. 코딩 하겠지? ㅠㅡㅠTIL 가보자구요 ㅠㅡㅠ 어헝헝 챌린지반 강의정리 - Progressive Web Applications (PWA) 가이드 리액뚜, 드디어 어플로도 넘어가지다(?) PWA - 등장 배경 앱을 설치하는 과정이 번거롭다는 사용자들의 피로감을 해소하고자 Google이 2015년에 발표한 기술앱 설치 부담을 줄이고 웹의 보편성과 접근성을 극대화하기 위해 탄생기존 모바일 웹과 네이티브 앱의 단점(속도, 설치 과정, 유지보수 비용)을 보완함! 특성기존 웹사이트네이티브 앱PWA설치 필요 여부필요 없음필요필요 없음플랫폼 의존성없음있음없음오프라인 지원제한적가능가능배포 방법즉시 배포 가능앱스토어 필요즉시 배포 가능푸시 알림불가가능가능 .. 2024. 12. 23. [React] Day_65 데일리 정리 과제 제출 새벽에 끝-!오늘은 일찍 자기위해서 TIL 빠르게 정리해따 히히 ^0^바아로 시작해보도록 하죠. 레고. 챌린지반 강의정리 - Next.js 심화: 기능 구현과 문제 해결으아아 어지러워요오 @.@.... React vs Next.js (= 단순한 UI 설계 도구 vs 전체 애플리케이션 개발 환경을 제공하는 프레임워크) - ReactUI 구성 요소를 작성하기 위한 라이브러리컴포넌트 기반 설계를 통해 재사용 가능한 UI를 쉽게 구현 가능상태 관리, 라우팅, 빌드 최적화 등의 기능은 별도의 라이브러리나 설정이 필요함 (한계점) - Next.jsReact를 기반으로 하는 프레임워크 [Next.js의 특징]파일 기반 라우팅: 폴더 구조에 따라 자동으로 라우트를 생성SSR/SSG/ISR 지원: 다양.. 2024. 12. 19. [React] Day_64 개인 프로젝트 후기 오.. 오늘은 간단하게 리드미로 할게요..(너무 여기에 힘쏟았거든요 ㅠㅡㅠ) 👾 LoL_Info 👾📝 프로젝트 개요LoL_Info은 Riot Games의 API 및 Data Dragon을 활용하여게임 리그오브레전드 의 다양한 데이터를 조회할 수 있는 웹 어플리케이션입니다.🛠️ 기술 스택📂 프로젝트 구조src/│├── app/ # Next.js의 App Router 기능을 사용하는 디렉토리│ ├── api/rotation/ # API 라우트 디렉토리 (데이터 제공용 API 파일들이 들어감)│ │ └── route.ts # Rotation 관련 데이터를 반환하는 API 라우트 파일│ ││ ├── champions.. 2024. 12. 18. [React] Day_63 개인 프로젝트 작업 뜨라블슈띵 (2) 이제 짜잘한 오류들이랑.. 디자인만 손보면 과제도 끝난다..!그런의미로 오늘도 적어보는 뜨라블슈팅..레쯔고 뜨라블슈띵 (1) - Next.js Image 작동 오류 문제 Image 태그를 사용해서, 외부 URL에서 이미지를 가져오려 했지만,이미지가 로드되지 않아 화면에 표시가 되지 않는 오류가 발생하였다..!! 원인 Next.js는 보안상 허용되지 않은 외부 도메인의 이미지를 불러올 수 없으므로외부 이미지 호스트를 명시적으로 허용해줘야 한다..! 해결 방법 next.config.js 파일에 remotePatterns 사용 → 허용할 이미지 도메인 명시/** @type {import('next').NextConfig} */const nextConfig = { images: { remotePatte.. 2024. 12. 17. [React] Day_62 개인 프로젝트 작업 뜨라블슈띵 (1) 말도 많고 탈도많은 Next.js..뜨라블슈띵도 하나하나씩 적어보고자 합니둥-!가 보 도 록 하 자 gu-yo. 뜨라블 슈팅 - 파일 이름 대소문자 충돌 문제 문제 상황 .ts와 .tsx 이것저것 쓰다보니... 내다버린 대소문자 구분...막바지에 하다보니 생각나 버렸죠..?그래서 다시 으아아아아 하면서 바꿨는데...띠용... 왠걸 뻘건줄이 뜨더니 위의 이미지처럼 대소문자만 다르다며 인정을 안해준다는 것이었다...!!!! 알고보니 내가 사용하는 맥북과 같은.. macOS의 파일 시스템은기본적으로.. 대소문자를 구분하지 않는돠....!!!!! 그래서 시뻘건 에러로 충돌을 보여준다고... ㅠㅡㅠ 원인 분석 우선 원인을 3가지로 나누어 생각해보았다. 대소문자 혼용 파일 이름이 대소문자를 혼용해버리는.. 2024. 12. 16. 이전 1 2 3 4 5 6 ··· 14 다음
