FE37 [React] React 복습 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. NPM과 NPX 차이 NPM(Node Package Manager) 1. 레지스트리 저장소 역할 레지스트리란? 라이브러리를 담고 있는 곳이다. 2. npm run start, npm run build 등 npm 관련된 건 package.json에 정의되어 있다. react에서 root 자리? root가 오는 자리를 보면, 보시다시피 index.html의 root와 index.js의 getElementById('root') 위치가 같아야 합니다. 폴더 의미 및 기능: src 폴더 1. actions, reducers 2. components 2-1. LandingPage: 첫 페이지 2-2. LoginPage:.. 2021. 7. 29. [JavaScript] 워크아웃 리스트 개발(투 두 리스트 응용) 프로젝트 개요 오늘은 제가 많이 부족하다 느끼는 것들 중에 하나가 바로 투두리스트라고 생각합니다. 제가 유료로 듣는 자바스크립트 강의 중에 마침 드림코딩의 엘리 선생님의 리스트 작성 내용이 있길래 바로 수강하였고, 직접 해 보는 시간을 가지며 블로그와 깃허브에 올리게 됐습니다. 프로젝트 URL 깃허브 URL https://github.com/BaikSeungJeon/study-todolist2 GitHub - BaikSeungJeon/study-todolist2: [공부] Todo List 개발(부제: 워크아웃 기록)(재업) [공부] Todo List 개발(부제: 워크아웃 기록)(재업). Contribute to BaikSeungJeon/study-todolist2 development by creati.. 2021. 7. 25. [JavaScript] 반응형 모바일의 햄버거 버튼 프로젝트 개요 안녕하세요. 오늘은 반응형 모바일 화면에서, 햄버거 메뉴(가로 세 줄) 버튼을 누르면 nav bar가 나타나는 것을 연습했습니다. jQuery를 사용하지 않고, 순수 자바스크립트만을 사용하기 위해서 기본기를 잡고자 하는 취지입니다. 개발 스택: HTML, CSS, JavaScript 프로젝트 URL 깃허브 URL https://github.com/BaikSeungJeon/study-menu GitHub - BaikSeungJeon/study-menu: 자바스크립트로 모바일 화면에서의 nav menu 연습 자바스크립트로 모바일 화면에서의 nav menu 연습. Contribute to BaikSeungJeon/study-menu development by creating an account .. 2021. 7. 23. [JavaScript] 반응형 홈페이지 개발 프로젝트 URL https://github.com/BaikSeungJeon/Project/blob/main/RWD/js/script.js GitHub - BaikSeungJeon/Project: [2021년] 개인 프로젝트 모음 [2021년] 개인 프로젝트 모음. Contribute to BaikSeungJeon/Project development by creating an account on GitHub. github.com 프로젝트 설명 반응형 웹 페이지를 만들어 봤습니다. 인스타그램과 같이 본인의 사진을 올리는 공간을 생각하고 창작했기 때문에 아이디어와 페이지 속 사진은 전부 저이며 저작권 또한 저한테 있습니다. 하지만 페이스북과 인스타그램처럼 메신저 기능이 있는 소셜 네트워크 서비스는 아니고, 들.. 2021. 7. 17. [React] React 설치 및 환경 설정 VSCode 설치 아직 VSCode가 설치되어 있지 않으면 먼저 설치해줍니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com Node.js 설치 https://nodejs.org/en/ Node.. 2021. 7. 15. [Bootstrap] 반응형 홈페이지 개발 오늘은 부트스트랩에 대해 알아보는 시간을 가졌습니다. 부트스트랩은 웹 페이지를 구현하는 과정에서 레이아웃, 컬러, 폰트 사이즈, 캐러셀, 반응형 등 다양한 기능 등이 포함되어 있고, 그런 개발을 간단하게 해줄 수 있는 웹 프레임워크, 오픈형 플러그인입니다. 저희는 부트스트랩을 이용해서, 기본적인 웹 페이지, 메뉴판 등을 만들 수 있고요, 당장 저만 같아도 기존에 만들기 힘들었던 미디어쿼리를 이용한 반응형 홈페이지 또한 만들기에 훨씬 용이해지는 걸 알 수 있었습니다. 그럼 이 부트스트랩은 어떻게 이용하는 걸까요? 부트스트랩 1. 부트스트랩 바로 가기 getbootstrap.com Bootstrap The most popular HTML, CSS, and JS library in the world. getb.. 2021. 7. 7. 이전 1 2 3 4 5 6 7 다음
