오늘은 팀 프로젝트 개인 소개 페이지 제작을 진행했다.
우선 내가 담당한 역할 중 팀소개 메인 페이지의 기본틀을 제작해 보니, 이후 개인 페이지는 조금 더 수월하게 진행할 수 있었다.
그렇지만 개인 페이지 제작 중에 막힌 부분이 있었는데 다행히도 팀원의 도움으로 해결되었다.
다음에도 사용하기 위해 정리해 보겠다.
<1> 토글 설정 시 기본적으로 열려있는 것을 닫고 열고 한다.
나는 기본 세팅부터 닫혀 있는 화면에 onclick 했을 때 열고 닫히도록 하고 싶었다.
그래서 알아낸 방법은 CSS의 값을 지정해 주듯이 해당 id(class)를 display: none으로 설정하면 된다.
<head>
<style>
#allcard {
display: none;
}
</style>
<script>
function openclose() {
$('#allcard').toggle();
}
</script>
</head>
<2> 이미지 삽입 시 일반적으로 구글, 네이버 이미지 주소를 복사해 url을 넣는다. 하지만 개인 이미지 삽입을 원할 경우 블로그에 이미지를 업로드하고 검사를 통해 이미지 주소를 복사하여 사용 가능하다.
<body>
<div id="allcard">
<img class="photo" src="https://blog.kakaocdn.net/dn/bM5q0Y/btsLxNuBZw2/HeKSAcXKy7tKBBKH3KW8k0/img.jpg">
</body>
<마지막으로 오늘의 회고!>
본캠프 3일차로 너무나 초보이지만 강의 수강에만 그치는 것이 아니라 어렵더라도 조금 배운 내용으로 바로 프로젝트를 진행해 보니 확실히 더 빨리 습득하게 된다. 팀프로젝트에서 다른 팀원들은 더 어려운 기능을 맡아서 담당하는데, 코드 리뷰를 통해서 나도 잘 배워두어야겠다.
내일은 팀프로젝트를 마무리하며, 웹개발 종합반 4~5주차와 GIT 강의 복습을 할 것이다.
주말에는 얼른 JAVA 예습을 하고 싶다~:)
'개발 > 부트캠프' 카테고리의 다른 글
| (토요일)주말에도 쓰는 TIL : JAVA 기초 유튜브 강의 수강_chap01_01-04 (1) | 2024.12.28 |
|---|---|
| 본캠프 : Chapter 1 온보딩 주차 - 미니 프로젝트 4일차_최종 점검 (1) | 2024.12.27 |
| 본캠프 : Chapter 1 온보딩 주차 - 미니 프로젝트 2일차_팀 소개 메인 페이지 제작 (0) | 2024.12.24 |
| 본캠프 : Chapter 1 온보딩 주차 - 미니 프로젝트 1일차, Git 기초 특강1 (1) | 2024.12.23 |
| 사전캠프 : 숙제_HTML, CSS를 활용하여 화면 만들기 (3) | 2024.12.17 |