캠프 5주 3일차 TIL

규파팡 2023. 4. 12. 19:34

오늘

기본적인 기능은 다 구현했기에 html틀을 잡고 있다. 프런트?라고 하기도 뭐 한 css부분은 웹디 강의를 통해서 많이 공부했기에 막힘? 없이 술술 진행했다. 그리고 이제 javascript부분인데 왜 기억이하나도 안 나는 것인가...

그래서 나는?

javascript정리노트?를 다시 훑어봤다.

제일 충격적인 건 forEach작성이었다. 함수랑 매개변수 작성을 아예 까먹어버린... 변수선언 부분도 헷갈렸다고 한다.

link_a.forEach(function (t, i) {}

매개변수 t를 인덱스 i로 치환

j-query는 배웠으나 기억에 남은 게 없고 실무에선 많이 사용한다고 하니깐 공부를 해둬야겠다.

아무튼 이런 이유들로 javascript를 다시 훑어보면서 class add부분을 작업했다.

추가하고자하는변수.classList.add('임의의 class')

선택자 부분은 임의의 명명을해주고 그때그때 추가해주는식으로한다.
나는 주로 active를사용한다.

.active {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #000 !important;
}

!important는 잘 안 쓰지만 bootstrap 쓰면서 부쩍이나 많이 쓰고 있다. 나중엔 bootstrap도 공부해서 완벽? 까진 아니라도 자유자재로 건드리고 싶다.

우리 팀은 싸이월드 감성으로 가자고 하여서 그에 맞는 css를 하고 있고 거기에 추가로 javascript를 작성했다.

javascript가 어디에 필요했는가 하면 오른쪽 nav부분에 클릭 시 활성화가 되는 부분이다.

그래서 예전의 기억으로 클래스추가로 변경되게 작업했다.

결말!?

까먹었지만 예전 작업파일들 보면서 다시 기억했고 어떻게 이루어진 구조인지 다시 이해하면서 뿌듯했다.

오늘의 규파팡이 느낀 점!

힘든 일은 계속 있겠지만 이렇게 하나씩 해결하는 맛에 코딩하는 거란 생각으로 오늘도 잘 버텼다. 우리 모두 그리고 팀원들과 내 배캠 전우들까지