Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 홈페이지를 소개해주는 메인 부분인 점보트론을 이용해보겠습니다. 점보트론 만들기 책들의 정원에 초대합니다. Garden of Books에서 당신을 기다리는 15만권의 도서를 만나보세요 Garden of Books 입장하기 div class="container" 안에 div class="jumbotron"을 작성하여줍니다. 그리고 그 안에 내가 소개할 홈페이지의 멘트들을 넣어줍니다. a태그는 어떠한 다른 주소나 다른 링크로 보내줄 수 있는 태그입니다. 스타일인 primary 버튼 스타일로 만들어줍니다. href="#"는 아직 이동할 주소가 미정이라는 뜻입니다. 점보트론 스타일 시트 입히기 위와 같이 나의 프로젝트..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 먼저 부트스트랩 홈페이지에 접속하여 부트스트랩 파일을 다운로드 해줍니다. 압축을 풀어 해당 내부 폴더들을 한 번에 드래그 하여 프로젝트 폴더 안에 넣어줍니다. 그리고 VsCode 혹은 Sublime Text를 실행시켜 파일을 저장하는 위치를 위와 같이 프로젝트 폴더 안에 index.html로 기준이 되는 html파일을 하나 생성해줍니다. head부분에 위와 같이 css파일을 적용시켜줍니다. 그리고 위와 같이 html파일 body에 작성한뒤, html파일을 열어 test 해보면 다음과 같이 내가 작성한 'Hello World!'가 화면에 출력되는 것을 확인할 수 있습니다. 두가지 에디터를 사용해보니 VsCode는 이미..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 지난번 부트스트랩을 이용한 간단한 체크박스와 버튼 만들기, 카드만들기, grid 적용 방법 및 활용예시를 소개해드렸는데요, https://yeoneeluv.tistory.com/280 [Bootstrap] 부트스트랩 적용 및 활용해보기 안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 세미 프로젝트와 파이널 프로젝트 자료를 정리하다가 자주 사용했었던 부트스트랩에 대해서 이야기 해보고자 합니다. 부트스트랩을 yeoneeluv.tistory.com 자세한 내용이 궁금하신 분들은 위 링크를 방문하여 주세요.^^ 오늘은 부트스트랩을 이용하여 간편하게 웹사이트 구성을 만드는 활용..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 세미 프로젝트와 파이널 프로젝트 자료를 정리하다가 자주 사용했었던 부트스트랩에 대해서 이야기 해보고자 합니다. 부트스트랩을 어떻게 적용하는지 어떻게 활용하는지 처음 사용하시는 분들도 알 수 있도록 간단하게 소개해볼게요. 저희는 주황색 체크 표시인 부분을 따라해볼거에요. 1. 먼저 html 파일을 생성 후 기본에서 시작합니다. 부트스트랩 시작하기 메뉴탭에서 css 영역인 부트스트랩의 link를 복사하여 head부분에 넣어줍니다.(VsCode를 사용했습니다.) 2. 그리고 body태그를 닫는 바로 위쪽에 해당 스크립트를 추가해줍니다. 3. 부트스트랩을 이용하여 체크 박스를 만들어봅시다. 마음에 드는 체크박스 스타..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com 2023.09.24 (일) - 코테 (3) +티스토리 작성 - 세미 후기 및 관련 자료 작성(티스토리) - 면접 대비(PK와 FK 차이점, spring과 springboot 차이점) + 티스토리 정리 https://yeoneeluv.tistory.com/272 [취업/면접] S..