본문 바로가기

JavaScript13

0026. JavaScript 공부하기 1 - 크롬 개발자 도구, 콘솔, 숫자와 문자, 변수 (Feat. 생활코딩) 지난 시간까지 React를 배웠다. 그런데 다 배우고 나서 에러를 잡다가 느끼는 것은 역설적이게도 '자바스크립트를 배워야겠다'는 것이었다. 그래서 일단 오류를 잡는 것을 뒤로하고 JS 강의를 듣기로 했다. 이번에도 인프런에서 강의를 듣는데, 생활코딩 - 자바스크립트(JavaScript) 기본 강의이다. https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8/dashboard [지금 무료] 생활코딩 - 자바스크립트(JavaScript) 기본 강의 - 인프런 생활코딩의 자바스크립트 언어 기본 수업입니다. 기본 문법을 통한 자바스크립트 기본에 .. 2024. 1. 2.
0026. Front-end 공부하기17 - Project 실습(2), 코드 에러잡기 전쟁 섹션 16. Mini Project 6강. (실습) App.js 파일 수정, 애플리케이션 실행하기, Production 빌드하기 1. (실습) App.js 파일 수정하기 라우팅 기능이 구현된 앱 컴포넌트 코드 react-router-dom을 이용해 총 3가지 패스에 대해서 라우팅을 제공 인덱스 경로인 slash로 접속하면 메인 페이지 컴포넌트를 보여줌 경로에 콜론을 사용하고 아이디를 입력하면 실제 컴포넌트에 useParams 훅을 사용해 ID로 해당 값을 가져올 수 있다. App 컴포넌트의 코드는 실제로 매우 단순함 라우팅 이외에는 특별히 해주는 역할이 없음 2. (실습) index.js 파일 설명 앱으로 생성한 프로젝트에는 이미 앱 컴포넌트가 기본적으로 들어가 있음 원한다면 앱 컴포넌트가 아니라 다른 .. 2024. 1. 2.
0025. Front-end 공부하기16 - Project 실습, 미니 블로그 만들기 섹션 16. Mini Projects 1강. (실습) 미니 블로그 기획, 프로젝트 생성 및 필요한 패키지 설치 소스코드 모음 https://github.com/soaple/mini-blog GitHub - soaple/mini-blog: 소플의 처음 만난 리액트 실습 프로젝트 소플의 처음 만난 리액트 실습 프로젝트. Contribute to soaple/mini-blog development by creating an account on GitHub. github.com 프로젝트 : 미니 블로그 기획하기 개발을 시작하기 전에 정해야 할 것들 항상 어떤 제품을 개발하기 전에는 기획과 필요한 기능, 전체 디자인에 대해서 간단하게나마 정리 필요 미니 블로그에 필요한 기능 글 목록 보기 기능(리스트 형태) 글 .. 2023. 12. 27.