[CSS] Footer 하단에 고정 시키기

여러 footer 고정 시키는 로직을 구글링을 통해 찾아봤지만, 뭔가 이상하였다..특히 display: flex,absolute 위 2개를 사용한 방법 또한 보였다... 위 방법 추천한 사람은 진짜....후 본인 프로젝트에도 꼭 이것만 사용하길 바란다.. 또 다른 방법으로는 BootStrap, Bottom:0 주는 방법등 여러가지가 있었지만, 뭔가 내 프로젝트에는 맞지 않았다ㅠㅠ 그래서 내가 알아 보던 중 다행히 나한테 딱 맞는 방법이 있었고 그 방법은 아래와 같다.  [Html] Header Body footer [CSS]  [결과]  혹시라도 뭔가 높낮이가 맞지 않으면 CSS 에서 body 부분을 min-height 안에 calc() 함수 안에 수치를 조절하거나footer 에서 heigh..

• format_list_bulleted FE
• · 2024. 9. 24.
• textsms

[React] 리액트에서 카카오맵 API 활용하기1

안녕하세요😄 오늘은 리액트에서 카카오맵 API를 활용해보려고 합니다. 카카오에서 제공하는 API를 사용하기 위해서는 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 에서 어플리케이션을 등록을 한 후 그에 따른 API KEY를 발급받아야지 사용이 가능합니다. 내 어플리케이션에서 간단하게 등록을 한 후에 발급 받은 4가지의 API KEY 중에서 저희는 이 JavaScript키 를 활용할 겁니다. 이제 준비는 끝이니 바로 실전으로 들어가보겠습니다. 첫번째로 리액트 생성을 위해 터미널 명령어를 활용합..

• format_list_bulleted FE/React
• · 2024. 2. 21.
• textsms