Today I Learned[스파르타코딩클럽] 내일배움캠프: 17일차 TIL

#코딩 개발일지 시작의 TMI

 오늘은 5분 정도 늦잠을 잤다. 어제 2시쯤 잠들어서 일까.. 그래서 운동을 만족할 정도로 하고 오지는 못했다. 그래도 시작이 반이니만큼, 운동을 다녀온 것에 성공적이라고 생각해야겠다.

 생활패턴 : 평일 기준 - 매일 6시 기상, 운동 후 체크인 ~ 23시부터 TIL 작성, 24시 취침
               주말 기준 - 기상은 자유.. 운동 및 여가시간 활용 후 체크인 ~ 23시부터 TIL(WIL) 작성, 24시 취침

# 오늘 한 일

1. 프로젝트 진행
   • 오후 팀 회의 진행
     
     •  오전에는 각자 프로젝트를 진행했다. 민님과 지은님은 프론트를 구성하는데에 힘쓰셨고, 성우님과 나는 서버와 기능 구현을 준비하고 있었다. 그런데 오늘 민님이 몸이 많이 좋지 않았다. 그래서 일 수도 있고, 내일이면 프로젝트 마감이 얼마 남지 않아서 일 수도 있어서 성우님께서 먼저 회의를 한 번 해야할 것 같다고 의견을 내주셨다.
     • 회의 결과 몸이 많이 안좋은 팀원분의 남은 부분을 내가 맡아서 진행하기로 했고, 성우님은 백을 수정하기로 했다. 사실 백엔드 관련한 작업을 해보고 싶었는데, 나중에 성우님이 작업한 결과물을 보고서는 아차 싶었다..ㅋㅋㅋㅋㅋ 굉장히 깔끔하게 잘 짜여진 코드는 내가 이 분께 배울게 정말 많겠구나를 느끼게 해주었다.
     • 프론트엔드 작업 내용
       • 전체 페이지의 checkbox button의 hover 효과 지정 및 active 효과 적용 완료
         : 일반 버튼과 체크박스 버튼의 active 효과를 적용하는 방식이 다름.

         /* 일반 버튼의 버튼 활성화 시, 효과 지정 코드*/
         /* 버튼이 눌리면 배경과 선 색이 인디언레드 색으로 변경됨. */
         /* 단, .btn:hover 값은 일반 버튼 외에 체크박스 버튼에도 적용되는 명령어임*/
         
         .btn:hover, .btn:focus, .btn:active, .btn.active {
             background-color: indianred;
             border-color: indianred;
             font-color: #fff;
         }
         
         /* 체크박스 버튼은 위에 있는 코드로는 활성화 시, 효과가 지정되지 않아 구글링을 통해 검색함.*/
         /* 구글링 검색어 '부트스트랩 checkbox button background change'로 검색함*/
         
         input[type = "checkbox"]:checked + .btn {
             background-color: indianred;
             border-color: indianred;
         }​

       • 페이지 하단의 버튼 배치를 병렬로 정렬 완료
       • 페이지 상단의 홈 / 마이페이지 구분 버튼 배치 완료(현재 미구현인 기능이라 숨김 처리)
       • 불필요한 코드 정리
   • 백엔드 작업 준비
     
     • 성우님이 짜시던 파이썬 코드를 보고 도저히 서버를 구성할 때는 도움을 드릴 수가 없을 것 같아서 자바스크립트 강의를 좀 봐두고 있었다.
     • Primitive와 Object의 차이를 구분할 수 있게 됐다.
       : Primitive - 박스 안에 온전히 데이터가 들어가는 것, Object - 데이터를 ref를 통해서 확인하는 것
     • 논리 연산자 or, and, not( ||, &&, !)
       or = 맨 앞이 true면, 더 이상 연산을 진행하지 않고 나머지도 true.
       and = 맨 앞이 false면, 더 이상 연산을 진행하지 않고 나머지도 false.
       이를 고려하여 효율적인 코드를 짜는 것이 좋음. 또한, 복잡한 함수보다 단순한 함수를 먼저 호출하는 것도 고려하면 더 효율적인 코드를 작성할 수 있음.
       not = 반대 값을 출력함. value값이 true 일 경우, !가 있다면 false를 반환.
     • Equality
        == → loose equality, type이 일치하지 않아도 값이 같으면 같음. ex) str(5)=Int(5)
       === → strict equality, type까지 고려하여 값을 비교함. ex) str(5) != Int(5)
     • 위의 내용은 모두 유튜버 드림코딩 by 엘리님의 자바스크립트 강의 내용임.

# 오늘의 이슈/고민, 아쉬운 점 그리고 해결한 내용

1. AWS 3주차 강의를 진행하지 못하고 있다. 
2. 지원 매니저님이 발표를 할 수 있다고 말씀해주셨다. 내일 오전에 팀원분들과 얘기를 나눠봐야 할 듯 하다.

# To-do List

1. 백엔드 설계를 위한 JS, 파이썬 공부 진행
2. AWS 강의 예습(3주차) 진행 (아마, 내일 발표준비를 마치고 몰아서 봐야하지 않을까..)
3. 자바스크립트 유튜브 강의 진행
4. 성우님의 파이썬 코드를 개인적으로 리뷰하며 배우기