221102 TIL - 미니프로젝트 3일 차

팀원들이랑 각자 할 수 있는 만큼 만들어둔 팀 소개 페이지를 공유했다.

다들 너무 잘하는거같다 ㅜㅜㅜ

확실히 나는 프론트엔드쪽이 맞는 거 같은 게 백엔드는 아예 건들지도 못했는데 다른 분들은 다 하셨다...

프론트도 나는 기초적인 코드만 가지고 만들었는데 이런 코드도 있고 저런 코드도 있구나 싶어서

아직 내가 많이 부족하구나 싶어 자신감이 떨어지기도 했지만 의지가 불타오르기도 했다.

 

내용 전환하는걸 어떻게 하는 줄 몰라서 css로 display:none을 각 파일마다 붙여놨는데

팀원분께서 하신거 보고 javascript로 하는 걸 배웠다

 

switch문

 : 하나 이상의 case 문으로 구성

switch (변수값) {
	case 'value1':
    	///
        ///
        ///
      [break]
    
    case 'value2':
    	///
        ///
        ///
      [break]
}

변수값과 첫 번째 case문의 값 'value1'를 일치 비교 후 두 번째 case 문의 값 'value2'와 비교.

일치하는 값을 찾으면 해당 case문의 아래의 코드가 실행됨

이때, break 문을 만나거나 switch 문이 끝나면 코드 실행 멈춤

 

ex)

 

getElementByID 사용법

: 태그에 있는 id속성을 사용하여 해당 태그에 접근하여 하고 싶은 작업을 할 때 쓰는 함수

! 해당 id가 없는 경우 null 에러 발생 -> id 없는 요소에 접근하려면 document.querySelector() 사용

document.getElementByID(id);

에 해당 element의 id를 넣어서 사용

ex)

function show_layer(div_name) {
const div01 = document.getElementById("div_00")
..
..
..
}

외부 javascript파일  연결

<script src="./script.js"></script>

 

팀원들이랑 각자 해온거 합치고 다시 회의하고 역할 분담 다시 했는데 

내가 도움이 됐을지 모르겠다 ㅜㅜㅜㅜ

그래도 팀원들이 너무 좋아서 모르는 거 배우고 같이 으쌰으쌰해서 배우고자 하는 의지도 더 불타오르고 너무 좋다!!

 

7시에는 비어나잇 행사를 했다.

들어가자마자 젭 화면에 놀라서 와 이런 게 개발이구나 싶었음...

오류가 많았던 게임이지만 짧은 시간에 리프레쉬 하기에 딱 좋았던 시간이었다.

오늘은 배운 게 많이 없어서 회고할 게 별로 없네...

내일은 또 어떤 배움이 있을지 설렌다