Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 23.09.27 (수) - 고용노동부 상담 (오전) - 실습(부트스트랩으로 웹사이트 만들기6~) +티스토리 https://yeoneeluv.tistory.com/290 [개인프로젝트] Garden of Books 책들의정원 6 (모달 modal) 안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 모달 modal Garden of Books의 특징 Garden of Books는 다른 사이트와 다른 깔끔한 구성을 보여줍니다. 모든 페이지가 사용자가 접근하고 사용하기 쉽 yeoneeluv.tistory.com - 프로젝트 코드 분석해보기(관리자페이지 - 회원관리) https://ye..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 지난번 네비바 및 외부 스타일 적용 이후 푸터를 만들어보고자 합니다. 푸터 (footer) Copyright © 2023김소연 대표자 소개저는 책들의 정원의 대표 김소연입니다. 저는 사람들에게 도움을 주고 유용한 기능을 구현할 수 있는 멋진 개발자가 되고 싶습니다. 네비게이션 소개 베스트셀러 새로나온 책 도서목록 고객센터 SNS 인스타그램 유튜브 네이버 by 김소연 지난번 네비바 만들었던 코드 아래에 footer 코드를 추가해줍니다. 이전에 만들어본 부트스트랩 활용 적용 포스팅에서 배웠던 부분이 사용됩니다. 한 줄의 여러개 열이 들어갈 수 있도록 해줄 수 있습니다. col으로 한줄의 구역을 부여할 수 있습니다..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 외부 스타일 적용 @import url(http://fonts.googleais.com/earlyaccess/nanumgothic.css); *{ font-family: 'Nanum Gothic'; } a{ color: #000000; text-decoration: none; } a:hover{ color: #bbbbbb; text-decoration: none; cursor: pointer; } 해당 css 파일을 위와 같이 link태그로 적용해줍니다. 네비바 세부 스타일 부여 /* 네비게이션 영역 */ .navbar-default{ /* 배경 색상 */ background-color: #ffffff; border..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 2023.09.26 (화) - 코테(1) +티스토리 https://yeoneeluv.tistory.com/289 [프로그래머스/Java] 코딩테스트 Lv.0 배열의 유사도 안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 🪅 나의 문제 풀이 //시도1 import java.util.Arrays; class Solution { public int solution(String[] s1, String[] s2) { int answer = 0; // if(Arrays.equals(s1, s2)){ // return resu yeoneeluv.tistory.com - 실습(부트스트랩으로..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 네비게이션 바를 구성해보겠습니다. 네비바 컨테이너 만들기 책들의 정원 네비바 코드들을 순서대로 넣어줍니다. 주로 네비바 컨테이너를 만들 때는 'container-fluid'라고 만들어줍니다. 한 줄의 코드가 길어질 경우 다음 줄로 넘겨도 상관없습니다. 네비바 구성하기 홈페이지 가로를 줄이다보면 이렇게 우측 상단에 생기는 긴 막대바처럼 생긴 아이콘 바를 볼 수 있습니다. 이 아이콘 바를 적었던 코드를 2줄 복사하여 붙여넣어 주어 우리가 자주 보던 3줄로 버튼으로 예쁘게 만들어줍니다. 네비바 구성하기 네비바를 감싸는 큰 div인 div class="container-fluid" 안에 div class="navba..