Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 지난 시간에는 이전에 만들었던 홈페이지에서 각각 링크를 적용시켜 각 페이지의 html을 만들어주었는데요, 오늘은 부트스트랩을 이용한 테이블 생성을 해보고자 합니다. 테이블을 이용하면 페이지의 내용을 테이블에 깔끔하게 적용하여 화면에 출력할 수 있습니다. 베스트셀러 강신주의 감정수업 대부분의 철학자들이 인간의 이성에서 윤리학을 시작하려고 할 때, 스피노자는 자신의 윤리학을 욕망에서부터 출발했다. 이것이 바로 스피노자가 지닌 혁명성이다. 우리의 현실은 이성보다 감정에 좌우되는 존재다. 하지만 나의 감정임에도 불구하고 실제로 그 감정이 어떤 성격의 것인지 모를 때가 많다. 내 옆에 있는 남자에 대한 끌림이 단순히 좋은 사..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 이전에 만들었던 홈페이지에서 각각 링크를 적용하지 않고 임시로 지정했던 #부분을 이번에 링크연결을 해주려고 합니다. 웹 사이트 링크 연결하기 먼저 기존 네비바에 홈페이지 제목으로 부여해준 # 부분에 'index.html'을 입력해줍니다. 기본이 되는 소개페이지도 'index.html'로 입력해줍니다. 그리고 나머지 메뉴부분에 링크가 될 각각의 html명을 입력해줍니다. 'book.html'을 입력후 '?bookKind=종류' 이런식으로 입력하여 각각의 목록을 매개변수로 서버쪽으로 보내주는 코드를 입력해줍니다. 로그인 부분의 링크부분도 'loginForm.html'을 입력해줍니다. 이제 해당 목록 혹은 메뉴등을..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 패널 안에 미디어 태그를 이용하여 사진이나 그림을 각각의 구역에 넣어서 깔끔하고 예쁘게 작업할 수 있는 방법을 알아보겠습니다. 미디어태그는 이미 많은 웹사이트에서 활용되고 있답니다. 미디어 객체는 말그대로 다양한 멀티미디어 컨텐츠를 담을 수 있는 하나의 컴포넌트입니다. 미디어 태그를 적절하게 사용하여 다채로운 홈페이지를 꾸밀 수 있답니다. 패널 만들기 최신 도서 목록 glyphicon 중 pencil을 사용하여 다음과 같이 패널을 만들어줍니다. 미디어 삽입하기 최신 도서 목록 위와 같이 panel-body div에 img태그를 이용하여 미디어를 삽입해줍니다. img에 alt를 사용하는 이유는 웹사이트를 눈으로..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 모달 modal Garden of Books의 특징 Garden of Books는 다른 사이트와 다른 깔끔한 구성을 보여줍니다. 모든 페이지가 사용자가 접근하고 사용하기 쉽도록 구성되었습니다. 자세히 알아보기 베스트셀러 추천 10년치 베스트셀러 및 화제의 책, 올해의 책을 만나보세요. 좋은 책에 투자하고자 하는 당신의 안목을 지켜드립니다. 자세히 알아보기 새로나온 책 새로나온 멋진 책들을 소개합니다. 내가 읽던 장르 혹은 전혀 다른 장르의 새로운 책들을 만나고 경험해보세요. 자세히 알아보기 위 코드를 jumbotron div 바로 아래에 추가해줍니다. 위와 같이 체크된 부분의 모습이 추가된 것을 볼 수 있습니다. 모..

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