TIL : target"_blank" / input type="radio" / 프로젝트 피드백

오늘은 드디어 첫번째 프로젝트 발표 날이었다.

오늘의 TIL은 다른 팀 발표를 보면서 배웠던 내용이다.
다른 팀 프로젝트를 보면서 배웠던 내용인데,
target"_blank"라는 속성을 배웠다.
보통 링크를 누르면 현재페이지에서 다른페이지로 이동하는 형식인데

<a href=”https://www.naver.com"target=”_blank”>

이렇게 url뒤에 target"_blank"속성을 추가하면 새로운 창에서 링크를 열게 된다고 한다.

그리고 두번째로 배운 것은
input type을 radio로 줘서 Tab메뉴를 구현하는 것이었다.
input의 id를 부여하고, laber for을 해당 id에 맞춰서

<ul>
	<li class="tab_menu">
    	<input type="radio" id="tab1">
    	<label for="tab1" class="tab-label">Tab 1</label>
    	<div class="content">
      		content1
    	</div>
    </li>
    <li class="tab_menu">
    	<input type="radio" id="tab2">
    	<label for="tab2" class="tab-label">Tab 2</label>
    	<div class="content">
      		content2
    	</div>
    </li>
    <li class="tab_menu">
    	<input type="radio" id="tab3">
    	<label for="tab3" class="tab-label">Tab Menu 3</label>
    	<div class="content">
      		content3
    	</div>
    </li>
</ul>

:checked 를 이용하여 탭메뉴를 구현한다.

.tab_menu [type="radio"] {
    display: none;
}
.tab [type="radio"]:checked , label , .content {
    z-index: 1;
    display: block;

오늘은 발표자로서 굉장히 떨리고 긴장이 됐던 하루였다. 발표도 안떨고 할 수 있을 것 같았는데, 결국은 점점 얼굴색이 토마토처럼 붉어지면서 발표를 마쳤던 것 같다.
솔직히 잘했는지도 기억이 잘 안나지만, 팀원들이 만족해주었던 발표여서 내 기준 발표만큼은 성공이었다고 느낀다.

이번 프로젝트 피드백은 이렇다.

📝 첫번째 프로젝트 피드백

1 ) 메인페이지 프로필카드 **:hover** 부분이 센스있었다.
2 ) **API 정리**가 깔끔하게 잘 되었다.
3 ) 좋아요기능도 잘 구현하였다.
4 ) **object-fit**은 현업에서도 당연하게 쓰는 기능이라 잘 쓴 것 같다. ( object-fit과 overflow-hidden 함께 공부하자! )
**5 ) CRUD의 C,R,D만 구현해서 다음에는 U 기능도 구현해보면 좋을 것 같다.**

우리 팀 프로젝트는 팀만의 색깔이 담기고, 5명의 노력이 함께 담기고 그 협력하는 과정이 가치있었기에 충분히 만족한 프로젝트이다.
서먹해서 의견하나 내는 것이 어려웠던 팀프로젝트라 팀이름도 '친해지조'가 되어 프로젝트가 끝낼 쯤에는 친해지자는 목적을 갖고 있었다.
매일을 함께하니 의견도 자유롭게 오갈 수 있는 편한 사이가 되었다는 것에 이미 우리팀의 목표는 달성이라고 생각한다.

수고했습니다, 친해지조 🙂 ( 이제는 친해졌조 ? )