education. html 구현 1. 이미지 슬라이드 구현 교육 행사를 8개의 섹션으로 구분하여 각 섹션마다 대표 이미지를 삽입하고 싶었다. 부트스트랩의 캐러셀을 사용하면 더 쉽게 구현이 가능했을텐데 이번에는 캐러셀의 존재를 몰라 JS 함수를 정의해서 구현했다. 아래 JS 코드처럼 이미지별로 섹션을 붙이고, 섹션별로 이미지의 수를 length로 받아 구분하는 방식이다. // Thumbnail image controls function currentSlide(n, section) { if (section === 'education') { showSlides(educationSlideIndex = n, 'education'); } else if (section === 'study') { showSlides..
Github 프로젝트 관리 방법 스터디 다른 친구들과 프로젝트 성으로 홈페이지 제작을 진행하기 위해 github에 레포지토리를 생성했다. 프로젝트 진행과 관련하여 아래 사항들을 학습하여 정리하였다. 1. branch 관리 앞서 정의한 사이트 맵을 토대로 페이지별로 브랜치를 생성하고, 각 페이지가 완성될 때 main에 머지하는 방식으로 진행하려 한다. 페이지별로 브런치가 생성된 후에 github 홈페이지에서 보면 아래와 같다. 2. commit convention Subject Body Footer Fixes: 이슈 수정중 (아직 해결되지 않은 경우) Resolves: 이슈를 해결했을 때 사용 Ref: 참고할 이슈가 있을 때 사용 Related to: 해당 커밋에 관련된 이슈번호 (아직 해결되지 않은 경우..
사이트맵 / 로직 플로우 그리기 여러 대학 동아리 / IT 단체 홈페이지를 참고하여 아래 기능들을 포함한 웹 사이트를 구상하였다. 연혁, 교육 프로그램 소개 동아리 가입 문의 → 카카오톡 채팅방으로 연결 회원가입 후 게시판 이용 게시판에는 공지사항부터 동아리원 소개글, 교육 자료 등을 공유할 수 있도록 구현할 예정이다. 웹사이트 UI 구상 HTML Tempalte을 이용하여 빠르고 쉽게 UI를 수정할 수 있는 방법을 찾았다. 아래 사이트를 참고하여 홈페이지 디자인과 UI를 구상하였다. 📎 Free CSS https://www.free-css.com/free-css-templates
