JAEJAE imojeomo

오늘은 자바스크립의 Constructor 메서드에 대해 공부해보자.Constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드로 쉽게 말해 생성자이다.파이썬의 경우 클래스에서 __init__으로 변수를 초기화하는 것과 동일한 역할을 한다고 이해하면 된다.구문constructor() { ... }constructor(argument0) { ... }constructor(argument0, argument1) { ... }constructor(argument0, argument1, ... , argumentN) { ... } 설명Constructor를 사용하면 다른 모든 메서드 호출보다 앞선 시점인, 인스턴트 객체를 초기화할 때 수행할 초기화 코드를 정의할 수 있다.class P..

✋ 시작 전 확인할 것 VSCode를 설치 할 것 Github 회원가입을 할 것 1. Github 새로운 repository 생성하기 - 본인 깃허브로 로그인 후 New를 클릭해 새로운 repository를 생성한다. (repository가 이미 있는 경우 생략 가능) - 위와 같이 repository 이름을 생성하고 공개 여부를 설정한다. - readMe를 추가할 건지도 밑에 나오는데 난 직접 만들 예정이라 readMe를 따로 추가하지 않았다. - 그럼 이렇게 새로운 레파지토리가 만들어진다. 2. VSCode 열기 - VSCode를 열고 Open floder를 클릭한다. - github에 올리려는 파일이 있는 폴더를 열어준다. (파일이 없는 경우 원하는 곳에 만들고 열어주면 됨) - 내가 연 prac-..

✏️ PWA란 - 구글에서 밀고 있는 Progressive Web App이라는건데 이건 웹사이트를 안드로이드/iOS 모바일 앱처럼 사용할 수 있게 만드는 일종의 웹개발 기술이다. - 근데 iOS, Android 앱으로 발행하는게 아니라 웹사이트 자체를 스마트폰 홈화면에 설치한다. ✏️ 웹사이트를 PWA화 시키는게 뭐가 좋냐면 1. 스마트폰, 태블릿 바탕화면에 웹사이트 설치 가능. 2. 오프라인에서도 동작 가능. - service-worker.js 라는 파일과 브라우저의 Cache storage 덕분 3. 설치 유도 비용이 매우 적음. - 웹사이트 방문자들에게 간단한 팝업을 띄워서 설치유도할 수 있으니 훨씬 적은 마케팅 비용 ✏️ PWA 발행하는 법 - 그냥 아무 사이트나 파일 2개만 사이트 로컬 경로에 ..

✏️ memo()로 컴포넌트 불필요한 재렌더링 막기 - memo() 쓰려면 'react' 라이브러리로부터 import 해오면 된다. import {memo, useState} from 'react' // memo를 import let Child = memo( function(){ // 원하는 컴포넌트 정의 부분 감싸기 console.log('재렌더링됨') return 자식임 }) function Cart(){ let [count, setCount] = useState(0) return ( { setCount(count+1) }}> + ) } - 컴포넌트를 let 컴포넌트명 = function( ){ } 이런 식으로 만들어야 감쌀 수 있다. - 그럼 이제 Child로 전송되는 props가 변하거나 그런 경..

- props를 보냈는데 출력이 안된다거나, 이미지를 넣었느데 안보이는 버그같은 게 생긴다면 - 개발자 도구를 켜서 Elements 탭 살펴보면 되는데 여기선 내가 짠 코드를 실제 html css로 변환되어서 보여진다. - 그게 싫고 컴포넌트로 미리 보고 싶으면 리액트 개발자도구를 설치해서 켜보면 된다. ✏️ 크롬 확장프로그램: React Developer Tools https://chrome.google.com/webstore/ Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com - 크롬 웹스토어 들어가면 확장프로그램 설치가 가능하다. - 여기서 React developer Tools 설치하면 Compoents 탭이 생기..