목록공부 (31)

뚠뚜 개발일지

React JS - EFFECTS

react.js는 component를 refresh(새로고침)을 한다. 새로운 데이터가 들어올 때마다(변화가 일어날때만) UI를 refresh를 해주기 때문에 우리가 직접 refresh를 해줄 필요가 없어서 편리하긴 하지만 반복이 필요없는 코드까지 refresh가 될 경우 데이터를 느리게 만드는 현상을 야기시킬 수 있다. 위와 같은 문제는 언제 코드를 실행시킬 지 정할 수 있는 useEffect를 사용하면 된다. useEffect function는 component안에 딱 한 번만 실행하고 싶은 코드가 있거나, 해당 코드를 시작시에만 한 번 실행하고 싶을 경우, component안의 특정 데이터가 변화할 때 코드를 실행하고 싶은 경우 useEffect function을 활용하면 된다. ※ 주의 ※ 상단에..
공부/React 2023. 1. 30. 11:39
VS Code 테마 변경하는 방법

1. 마켓플레이스에서 "Material Theme"와 "Material Theme Icons"를 다운받는다. 2. "보기 > 명령 팔레트" 또는 윈도우_ "ctrl + shift + p", 맥_ "command + shift +p" 를 눌러서 검색창을 활성화 시킵니다. 3. 검색창에 "color Theme"를 검색한다. 4. 기존 테마 아래에 다운받은 Material Theme 중에 원하는 테마를 선택한다.
공부/기타 2023. 1. 27. 12:33
create-react-app 설치 및 설정

01. create-react-app 설치 방법 1. node.js 설치하기 1-1. 터미널을 열어서 node -v 명령어를 입력한 다음 제대로 다운이 완료되었는지 확인하기 2. 터미널에 npx create-react-app 폴더명 명령어를 입력하여 새로운 폴더 생성하기 3. 생성된 폴더를 vsCode에 열어준다. 3-1. package.json폴더에 있는 scripts에 start 부분을 확인한다. 4. 터미널에 npm start 또는 npm run start 명령어를 입력한 후 잠시 기다리면 development server(개발용 서버)를 오픈된다. 02. create-react-app 초기 설정 1. index.js 폴더에서 빨간색으로 체크된 부분을 지운다. 2. App.js 폴더에서 빨간색으로 ..
공부/React 2023. 1. 22. 19:29
[CSS] css초기화/ 리셋 reset

https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter meyerweb.com /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 Lic..
공부/html_css 2023. 1. 4. 21:17
[HTML_CSS] Netflix clone coding

시작하며 - 프로젝트 기간 : 2022. 12. 14 - 학습 목표 : html과 cssa 그리고 맛보기 js로 넷플릭스 클론 코딩하기 (반응형) - 사용한 언어 : - 강의 영상 : https://www.youtube.com/watch?v=P7t13SGytRk&t=22s - 깃허브 페이지 : https://junmi0918.github.io/netflix-clone/ Netflix - Watch TV Show Online, Watch Movies Online Watch TV shows and movies anytime, anywhere - personalized for you. Watch Free For 30 Days Watch on your TV Smart TVs, PlayStation, Xbox, ..
공부/html_css 2022. 12. 16. 20:39
[HTML_CSS] 반응형 웹페이지 제작하기

시작하며 - 프로젝트 기간 : 2022. 12. 08 - 학습 목표 : html과 scss, 그리고 맛보기 js로 반응형 웹페이지 제작하기 - 사용한 언어 : - 강의 영상 : https://www.youtube.com/watch?v=D-h8L5hgW-wd - 깃허브 페이지 : https://junmi0918.github.io/beginning/html-css-beginning/ The 2022 Frontend Developer Crash Course junmi0918.github.io 준비과정 vs code 확장플러그인 "Live Sass Compiler"를 설치해준다. 폴더 안에 [name.scss] 파일을 만든 후 하단에 [Watch Sass] 버튼이 생성되면 [Watch Sass] 버튼을 눌러준다..
공부/html_css 2022. 12. 15. 12:35
이전 Prev 1 2 3 4 5 6 Next 다음