본문 바로가기

Front-end

[CSS] Position 속성
Front-end 2023. 7. 2. [CSS] Position 속성 CSS에서 HTML 요소를 원하는 위치에 배치하기 위해 Position 속성을 사용합니다. Position 속성은 위치 지정을 위해 top, left, right, bottom 과 같이 사용됩니다. postion: static position 속성을 지정하지 않으면 기본값인 static이 적용됩니다. HTML에 작성된 순서대로 화면에 표시되며 top, left, right, bottom 속성 값은 무시됩니다. position: relative relative로 설정하면 해당 요소를 원래 위치에서 벗어나게 배치할 수 있습니다. 원래 위치에서 상대적으로 배치한다고 생각하면 되며 top, left, right, bottom 속성을 이용하여 원래 위치에서 얼마나 이동할지를 지정할 수 있습니다. position:..
Next.js의 개요와 특징
Front-end 2023. 4. 21. Next.js의 개요와 특징 프론트엔드&웹 개발에 관심이 있는 분들, 혹은 IT트랜드에 관심이 있으신 분들은 많이 들어보셨을 Next.js Next.js가 무엇인지, 왜 이렇게 핫한지 한번 알아봅시다. Next.js 탄생 배경 Next.js의 탄생 배경을 알고자 하면, 우선 웹 통신 중 렌더링에 대한 지식이 조금 필요하기 때문에 간단히 알아봅시다. 우선 웹 렌더링 방식에는 크게 두 가지가 있는데, 바로 Server-Side Rendering과 Client-Side Rendering 가 있습니다. Client-Side Rendering VS Server-Side Rendering Client-Side Rendering은 리액트나 뷰 같은 라이브러리를 이용하여 서버가 아닌 유저의 브라우저에서 실시간으로 만들어 주는 것으로, 브라우저가 ..

티스토리툴바