1. 미니프로젝트_팀소개 준비

1. 프론트엔드를 맡아서 진행 중

• jQuery의 hide()와 slideDown()을 활용해 조원들의 개인 프로필 카드를 슬라이드 형식으로 나타낸다.
• 처음에는 hide()와 show()로만 제작했다가 너무 단조로운 것 같아 바꿔보았는데 생각보다 고급스러운 느낌이 있어 뿌듯하다.
• 그런데 이런 간단한 함수 하나도 적용시키는데 애를 많이 먹는다.
• 처음엔 시작부터 hide()로 숨기고 시작했었는데 display:none이 더 합리적인 방법인 것 같아수정하였다. 코드가 생각보다 길어져 효율적으로 짠 것인지에 대한 의문이 든다.
  피드백을 받았으면 좋겠다.

<style>
.personal-profile {
            display: none;
</style>
<script>
	function toggle1() {
		$('#part3-box-1').slideDown(1000);
		$('#part3-box-2').hide()
		$('#part3-box-3').hide()
        $('#part3-box-4').hide()
        $('#part3-box-5').hide()
        }

	function toggle2() {
        $('#part3-box-1').hide()
        $('#part3-box-2').slideDown(1000);
        $('#part3-box-3').hide()
        $('#part3-box-4').hide()
        $('#part3-box-5').hide()
    	}

	function toggle3() {
        $('#part3-box-1').hide()
        $('#part3-box-2').hide()
        $('#part3-box-3').slideDown(1000);
        $('#part3-box-4').hide()
        $('#part3-box-5').hide()
        }

	function toggle4() {
        $('#part3-box-1').hide()
        $('#part3-box-2').hide()
        $('#part3-box-3').hide()
        $('#part3-box-4').slideDown(1000);
        $('#part3-box-5').hide()
        }

	function toggle5() {
    	$('#part3-box-1').hide()
    	$('#part3-box-2').hide()
    	$('#part3-box-3').hide()
    	$('#part3-box-4').hide()
    	$('#part3-box-5').slideDown(1000);
      	}
</script>

• 그래도 그동안 서로 피드백하기가 어려웠는데 GitHub가 조금씩 숙달됨에 따라 서로 가능해져 조금씩 진도를 더 빨리 나갈 수 있는 것 같다.

2. velog 코드 붙이는 방법

• 백틱 세 번 누르고 그 사이에 작성하면 코드처럼 붙여넣기 가능
• Window + . : 윈도우 이모티콘 불러오기
• 🔗 참고하기 좋은 블로그