TIL

내가 공부한 흔적을 남기기 위해 TIL을 쓰기로 결심했다.

🔷 CSS font-family family-name : 사용할 폰트의 이름. ','로 구분지어 사용할 수 있으며 공백이 있거나 한글일 경우 홑따옴표 사용 generic-family : family-name으로 지정된 글꼴을 사용할 수 없을 때 대체할 폰트. font-family의 맨 마지막에 선언 line-height 줄 간격을 의미하며, 기본값은 n...

🔷 CSS z-index box가 겹치는 순서를 지정할 때 사용하는 속성으로, 기본값은 auto position이 static이 아닐 때 지정 가능 순서값이 없을 경우 코드 상 순서에 따라 적용 부모가 z-index 값을 가질 경우에는 부모 안에서만 유의미 코드

🔷 CSS reset.css 사용자들이 동일한 경험을 할 수 있도록 크로스 브라우징 원칙을 지키기 위함 브라우저마다 태그를 렌더링하는 기본 스타일이 다르다. 모든 브라우저에서 동일한 화면을 볼 수 있도록 기본값을 초기화한다. reset.css는 각 프로젝트에 맞추어

🔶 JS 🔷 CSS transition : CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공

🔶 JS 📛 Error Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') `` 태그의 위치를 아래로 조정하니 해결되었다.

🔶 JS JSON.stringify() : Javascript 값이나 객체를 JSON 문자열로 변환해 주는 메서드 loaclStorage에 값을 array 형태로 저장하기 위해 사용했다. JSON.parse() : JSON의 문자열을 분석하고 결과에서 Javasc

🔷 CSS @keyframe : 애니메이션의 특정 지점을 거칠 수 있는 키프레임을 설정. 따라서 CSS 애니메이션 과정의 중간 절차를 제어할 수 있음.

🔶 JS

Github에서 웹페이지 호스팅우선 본인의 Github Repository 설정으로 들어가서, Pages 탭을 찾는다.Source에서 Branch를 설정한 뒤 Save를 누르면 상단에 주소가 나온다.이때 폴더를 잘못 선택하면 호스팅에 실패하기도 한다. 머쓱...root

react-router-dom을 5.3.0 버전으로 설치하고 처음 사용하려고 하자마자 발생한 오류이다.보다시피 코드에서는 history, location을 사용하지 않았음에도 불구하고 발생하였다.import를 위와 같이 해 주면 해결이 된다!v6을 사용할 때는 본 적이

CSS module: CSS module은 CSS를 불러서 사용할 때 클래스 이름을 파일이름\_클래스이름\_해시값 형태로 자동으로 만들어서 스타일 클래스 이름이 중첩되는 현상을 방지해 주는 기술이다.react-create-app로 react 개발 환경을 구축하였다면,

ref : HTML에서 id를 사용하여 DOM에 이름을 달듯이 React에서 DOM에 이름을 다는 것전역적으로 작용하지 않고 컴포넌트 내부에서만 작동DOM을 직접적으로 건드려야 할 때ex) 특정 input에 포커스 주기 / 스크롤 박스 조작 / Canvas 요소에 그림