초보개발자 개발일지

58일차(1)/Spring(22) : 갤러리 게시판 구현 - home.jsp에 갤러리 목록보기 링크 추가 - gallery 관련 기능을 만들기 - 업로드 폼에서 사진의 제목, 사진을 선택해서 upload하면 gallery 목록에서 어떤 제목으로, 어떤 사진을, 누가, 언제 업로드했는지 목록이 보이도록! - 해당 사진을 클릭하면 해당사진 원본보기(자세히보기)로 이동 - users의 updateform을 참고해서 만들기 - 프로필사진 업로드하는 기능과 같다! table.sql -- 이미지 갤러리를 만들기 위한 테이블 CREATE TABLE board_gallery( num NUMBER PRIMARY KEY, writer VARCHAR2(100), caption VARCHAR2(100), -- 이미지에 대한 ..

36일차(1)/CSS(7) : bootstrap CSS 적용하기 - 지금까지 만들어놓은 페이지에 bootstrap을 사용해 css를 적용할 예정 include/ HELLO! 회원전용공간(공부) 회원전용공간(게임) 자료실 글목록보기 - 네비바 추가하기 : 5개 게시판의 링크를 걸고, 폭에 따라 조정되도록 한다. Home - navbar 아이콘의 active 적용방법 인덱스 페이지입니다. Previous Next - include 형태로 네비바 추가하고, carrosel 적용 - 폭이 좁을 때는 자동으로 버튼형식으로 적용된다 - 로그인 여부에 따라 네비바에 다른 항목이 노출되도록 적용 - if로 분리해서 null이 아니면 회원정보, LOGOUT / null이면 JOIN, LOGIN 이 나타나도록! - sty..

29일차(2)/CSS(6) : bootstrap CSS 적용하기 [ 페이지에 디자인 추가하기 ] - index에 css, javascript CDN 링크를 넣는다. - 쉽게 불러올 수 있도록 Window-Preference-Emmet-Snippets 에도 저장해준다! 인덱스 페이지입니다. Previous Next (nav요소는 /include/navbar.jsp 로 분리함) - 네비 요소. 이동 관련된 요소로, div이긴 한데 좀더 의미가 있는 마크업이라고 할 수 있다. - div class="nav" 와 같음! - 클래스로 의미를 부여할 수도 있지만 마크업 자체에 부여할 수도 있다. 이것을 시멘틱 마크업이라고 한다. - 이동과 관련된 마크업을 div에 넣어도 상관은 없지만, 좀더 의미있게 모아두고 싶으..

25일차(3)/CSS(5) : Bootstrap, Form, Grid, Flex Hello Bootstrap css 버튼1 버튼1 버튼1 버튼1 버튼1 버튼1 번호 이름 주소 1 바나나 서울 2 딸기 부산 Holy guacamole! You should check in on some of those fields below. collapse 사용해 보기 링크의 href 속성값을 이용 버튼의 data-bs-target 속성값을 이용 Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. Dropdown but..