Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) JSP란? JSP란 Java Server Pages의 약자이며, HTML코드에 JAVA코드를 작성하여 동적웹페이지를 생성하는 웹 어플리케이션 도구입니다. JSP가 실행되면 자바 서블릿(Servlet)으로 변환되며, 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 생성된 데이터를 웹페이지와 함께 클라이언에게 제공(응답)합니다. ▶ 웹(Web) 이란? 웹이란 인터넷 기반의 정보기술로 World Wide Web의 줄임말로 쓰이며 WWW.라고도 합니다. 전세계의 거대한 네트워크 망을 통해 정보를 고유하며 정보의 흐름은 양방향성을 가집니다. ▶ 웹 어플리케이션(Web Application) 이란? 웹 어플리케이션은..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 이전 포스팅에서 리스트 그룹을 이용하여 게시판 리스트 목록을 만드는 것을 실습해보았는데요, 해당 게시물을 누르면 책의 정보의 Modal창을 띄우는 응용 부분을 추가적으로 실습해보았습니다. + 일단 하드코딩으로 세부내용을 진행 후 추후 내용을 수정하면서 완성된 웹페이지를 구성해보고자 합니다. 게시판 리스트 모달창 띄우기 리스트 그룹인 게시판 리스트 목록인 부분의 modal id값을 각각 다르게 부여해줍니다. 해당 모달을 footer태그 아래에 덧붙여줍니다. Modal창 부분인 div태그 중, 위 리스트그룹에서 지정해준 id값과 일치하도록 수정해줍니다. + modal관련 내용을 서치하다보니 그냥 modal보다 modal..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 23.10.02 (월) - 실습(부트스트랩으로 웹사이트 만들기10-11,11-1) +티스토리 https://yeoneeluv.tistory.com/307 [개인프로젝트] Garden of Books 책들의정원 10(인용구-인용구삽입, 인용구 꾸미기) 안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 인용구란 하나의 문장을 멋지게 표현하고자 할 때 사용합니다. 혹은 강조할 때 사용하기도 하죠. 이 인용구는 스타일시트를 이용해서 스타 yeoneeluv.tistory.com https://yeoneeluv.tistory.com/308 [개인프로젝트] Garden of Books 책들..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 리스트 그룹이란 같은 성질을 가진 목록을 담는 그릇 같은 것입니다. 각각의 목록은 링크를 통해 이동이 가능합니다. 한 번 만들어 볼까요? 리스트 그룹의 링크 확인하기 앞전에 제가 boolList와 book으로 html을 나뉘어지게 작성해놨었는데, ul > li의 a태그 링크를 bookList.html로 바꿔주고 작업하였습니다. 다른 분들도 해당 html작업을 하기전 내가 작성한 드롭바의 링크속 html과 내가 작성하는 html명이 일치하는지 확인후 작업해주세요. 리스트 그룹 만들기 경제/심리학 강신주의 감정수업 백 마디 말보다 강력한 행동의 심리학 생각의 각도 마음의 지혜 아무 내용이 없는 bookList.html의..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 인용구란 하나의 문장을 멋지게 표현하고자 할 때 사용합니다. 혹은 강조할 때 사용하기도 하죠. 이 인용구는 스타일시트를 이용해서 스타일을 변경하여 꾸밀 수도 있답니다. 오늘은 그 인용구를 사용하는 방법에 대해 알아보겠습니다. 인용구 삽입하기 지난 테이블 태그 바로 아래에 div panel-footer을 작성하여 인용구를 넣어줍니다. 아래 쪽에 제가 작성한 마거릿 미드의 명언이 화면에 출력되었어요. 인용구 꾸미기 이렇게 내부 스타일 시트를 넣어줍니다. 주석 부분을 참고하여 인용구가 들어가는 부분과 닫히는 부분을 확인할 수 있습니다. margin과 padding 등으로 자유롭게 마음대로 스타일을 조금 변경할 수 있습니다..