Sementic : 의미의, 의미론적인말그대로 태그를 사용하거나 웹을 만들때 표현하는것에 중점을 두는것이 아닌의미에 중점을 두는것을 얘기한다.예를 들어 두 코드는 모두 img를 표현한다간단하게 정리하자면, 표현의 결과는 똑같을 수 있어도 의미적으로 봤을때는이미지가 좀
Position에는 크게 세가지가 가장 자주 쓰인다. 기본 디폴트값인 static은 넘어가도록 하고 첫번째는 relative, 대상의 본래 위치에서 top,bottom,right,left를 통해 절대적인 위치를 변경할 수 있다. 여기서의 기준점은 요소의 현 위치
리엑트에서 SPA 관리를 위해 사용하는 라이브러리인 React-router-dom 의 몇가지 기능을 알아보자.라우터 파일을 따로 관리하여 경로를 설정해 줄 수 있다.위의 코드에서 1,2 부분은 라우트 컴포넌트로 묶여있는데자식 컴포넌트들은 부모컴포넌트에서 <Outl
React에서는 useRef를 활용하여 변수를 저장할 수 있다.state 와는 다르게 useRef의 값은 변경이 되어도 재 렌더링 되지 않는다.이를 활용하여 임의의 DOM에 접근할 수 있는데,일단 react에서 useRef 를 import 해온 후, useRef()를
이번 원티드 프리온보딩 코스를 등록하면서, 팀(프론트엔드 지원자들)을 구성하여 과제를 진행하게 되었다.과제는 일주일에 두번 (화,금) 세션이 끝난 뒤 과제를 알려주고, 세션 전날 12시까지 제출을 해야하는 방식이다.생각보다 짧은 시간동안에 진행해야하기 때문에 정신없이
이번 과제에서 react query를 활용하여 무한스크롤을 구현하는 과제가 있었다.useInfinity 쿼리를 활용하여 페이지가 증가할 때 마다 추가 데이터를 불러오는거는 문제가 없었는데스크롤의 최하단에 도달할 때 fetch가 작동하게 하는 방법을 찾아보니'react-