2일차 입문 문제 풀이입니다. 내가 푼 문제와 다른풀이를 비교합니다. 문제 1 https://school.programmers.co.kr/learn/courses/30/lessons/120891?language=javascript 나의 풀이 다른풀이 문자열로 변환

프로그래밍적 사고를 하기 위해 0단계부터 풀고 다른사람의 풀이를 공부합니다.https://school.programmers.co.kr/learn/courses/30/lessons/120831n만큼 배열로 만들어서 짝수를찾아서 더해준다.Array(n).fill(

React-query란 서버 상태 가져오기 캐싱 동기화 및 업데이트 등 을 쉽게 다룰 수 있도록 도와주는 라이브러리. 클라이언트상태와 서버상태를 명확히 구분하기 위해서 만들어졌다. react-query의 주요기능 > 1. 캐싱 동일한 데이터 중복 요청을 단일 요청으

컴포넌트와 스타일 컴포넌트 분리 하여 가독성있게 코드 짜는법!

selectbox 만들기

파일을 선택하는 input 창이 안보이게 하고 뒷 배경을 클릭했을 경우 뜨게 하는 방법을 하려고 한다.

react head 변경

web storage API는 부라우저에서 키/값 쌍을 쿠키보다 훨씬 직관적으로 저장할수 있는 방법을 제공한다. (sessionStorage, localStorage)

process.env.PUBLIC_URL 를 사용하면 어떤 곳에 있던 /public 디렉토리를 가리키게 된다.public 폴더를 바로 가져올수 있는 명령어 이다.

<img> 나 <IMAGE> 태그 lazy를 사용하면 해당 태그 영역에서 불러와 네크워크 비용을 줄일수 있다. (이미지를 미리 다운로드 하지 않는다) <IMAGE>태그를 사용하면 서버에서 이미지 용량 초적화를 해준다.quality라는 태그를 통해서

getCookieExpiration 함수는 쿠키의 만료 날짜를 계산합니다. 사용자가 입력한 정보를 encodeURIComponent 를 사용하여 인코딩한 후, document.cookie에 문자열 형태로 설정리코일에 저장하기유저 정보 업데이트하기:유저가 로그인 성공하면

LectureItem 컴포넌트에서 data prop을 전달 받는데, LectureDataItem 타입에 data필드가 없기 때문에 발생한 에러.LectureItem 컴포넌트에서 data prop을 lecture와 같이 LectureDataItem타입에 맞게 필드 이름을

매 컴포넌트가 증가함에 따라 스타일 코드의 일관성이 떨어 진다. -> 유지보수 비용의 증가스타일 속성값들이 중구난방이라 어떤 속성을 갖고 있는지 코드로 확인이 어렵다. -> 협업에서의 문제스타일마다 다른 속성을 갖고 있어서 재사용이 불가능하다 -> 비효율성 증가이런 문

HTML 의 inline 요소와 block 요소의 차이점을 설명해주세요. 예시도 들어주세요

ul요소 없이 사용 하게 되면 화면상 문자는 없지만 시맨틱 구조를 지킴으로써 홈페이지 표준기준을 지키고 그에 따라 다른개발자들과 협업을 하여 코드를...

애플리케이션의 상태를 관리하기 위한 견고하고 안정적인 솔루션을 제공한다

Semantic HTML의 필요성

순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여설명해주세요.

react 에서 props와 state는 데이터를 다루는 개념이다.둘 다 javascript 객체이고 렌더링에 영향을 준다.props는 단방향 데이터 흐름의 리액트에서 상위에서 하위로 데이터 전달을 위해 사용하고 해당 데이터는 직접적으로 수정할 수 없는 값이다state

쿠키는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각이다. 브라우저는 이 데이터 조각을 저장해 놓았다가 동일한 서버에 재 요청시 이 정보를 함께 전송한다.