[5주차] daily

📍 해야할 것들

✅ 종찬 강사님 특강 과제 soldout 라벨 넣기

✅ lotto 실습 / 블로그정리(HTML,CSS,JavaScript)

✅ 자기소개서 실습 / 블로그정리(HTML,CSS,JavaScript)

✅ 미니스타그래프트 실습 / 블로그정리(HTML,CSS,JavaScript)

✅ 로그인 모달 실습 한거 멘토님께 코드리뷰 받기 (이후 블로그 글에 추가로 의문점이 었던 것들 적기)

✅ [토요일 특강 과제] 랜딩페이지 반응형까지

✅ 랜딩페이지 블로그 정리

---

👩‍💻 오늘 중요 학습

0327

• SASS (scss)
  - sass 는스타일시트가 점점 더 커지고 복잡해지고 유지관리가 어려워질때 사용하는 시스템
  - 한줄 주석은 컴파일 되지 않아서 본인들끼리 볼 때만 한 줄 주석으로 처리하기도 함
  - '_'를 붙이지 않는다면 분할 된 파일들 모두가 컴파일되기 때문에 여러개의 .css파일이 나눠서 저장

 

0328

• 자바스크립트 입문이기 때문에 앞으로 블로그에 더 자세히 다룰 예정
• jQuery는 JavaScript 라이브러리로 간별한 문법, 편리한 API, 크로스브라우징이라는 장점이 있다

0329

• Bootstrap: 통째로 사서 쓰는개념 / Tailwind: 개발자가 더 쉽게 코드를 짤 수 있도록 도와줌\
• 원하는 컬러를 뽑을때 관리자에서 컬러피커를 통해 더 쉽게 컬러를 뽑을 수 있음
• 전체 화면 스크린샷 방법: 관리자 - 점 세개 -Rumcommand - screenshot 검색 - capture full size screenshot
• 타입의 형태가 필요한 이유는 자바스크립트에게 숫자가 아닌것은 없기 때문에 이유는 컴퓨터는 세상을 이진법으로만 바라봄
• DOM은 javaScript가 아님 브라우저 오브젝트 모델(broswer Object Model)임 

0329(특강)

• 버튼사용시 꼭 초기화를 해야함 all:unset; 
• 버튼 css 짤땐 common css로 따로 관리해주는것이 좋다

0330

• let x = 3 : 변수는 담는게 아님 데이터상 x와 3은 둘 다 존재함 3이 x야 라고 가르쳐 주는것
  만약 let y = x 를 해도 궁국적으로 y가 가르키고 있는것은 3임 x의 값이 중간에 5로 바껴도 y는 3으로 출력됨
• for문에서는 i,j,k 변수명을 쓰는것이 관례
• 변수명에 $가 앞에 붙는건 도큐먼트에 변수를 가져올때 사용
• 대입연산은 항상 마지막!! (x = x + i 에서 = 이거)

---

🙆‍♀️ 느낀점

0327

• tailwind, Sass, Bootstrap, D3 는 필수가 아님 옵션이므로 너무 스트레스받지말자
• Sass 는 @mixin이 제일 중요하므로 만약 한다면 그걸 위주로
• JavaScript까지 학습이 끝나면 Sass로 프로젝트 진행해보기

0328

• 프로그램에서 반복적인 코드는 좋게 보지 않는다
  <DRY : Don’t Repeat Yourself>

0329

• 정기적으로 희망 기업의 스펙, 아이덴티티등을 조사하여 그에 맞는 이력서 준비하기
• 몸을 쓰는 노동을 하다보면 자연스럽게 해당 기술을 습득가능하듯 코드도 몰라도 미친듯이 써보다보면 어느순간 습득이 됨
• 자바스크립트는 변화가 매우 빠르기 때문에 공부할 거라면 꼭 최신버전 책으로..!
• float,line-block, flexbox,grid 모든 레이아웃 배치 방식 알고 있어야함
• 궁극적인 css 는 내부적인 프레임워크를 만드는것 마치 bootstrap 이나 tailwind 처럼
  
• 반응형 할 때 글자수 뿐만 아니라 컨텐츠의 갯수도 프로필이 많아질수도 모든 경우의 수를 계속 생각하자

0330

• 정규표현식은 한번씩 공부해야함 단 정규표현식 고급과정은 정말 어려움
• 무작정 따라하지만 말고 코드를 계속 바꿔보면서 응용력 기르기

0330

• 짧게 생각하고 일단 부딪쳐보자
  본인의 성장을 위해서 계속계속 질문하기 페어프로그래밍 공부법, 러버덕 공부법
• 결국 자바스크립트를 할 때 사용성을 고려해야함
• 현재 멋사의 환경을 적극 활용 동료가 강사가 매니저님이 있으니
• <토스 코드 원칙> 위에서부터 아래대로 코드가 읽힘(선언적)-다시 코드가 위로 올라올 일 없게

---

👍 이번주의 나는?

음 이번주는 특강시간에 내 코드가 신박하고 기본기가 탄탄하다는 말을 들었었다 그렇지만 후회가 더 많은 주였다..

일단 목표했던 바를 다 이루지 못했고 수업에 집중하는 시간이 정말 현저히 줄어들었다 어떻게 복습을 해야할지 막막한 주였고 앞으로 더 방대한 양의 수업 진도가 나갈텐데 걱정이 앞서는 주였다. 앞서 배운 css를 다 까먹게 될까봐 더 걱정이 앞선다.. 너무너무 잘하고 싶은데 손가락은 멈춰있고 생각만 하고 있다. 멋사 선배인 지수님 말대로 생각은 짧게 하고 먼저 부딪쳐야할 시기가 아닐까 싶다. 그래서 일단 스터디를 하나 들었고 다음주부터 회고조와 자습시간을 활용할 방식을 더 궁리해 봐야겠다. 

아직 나에게 너무 어려운 JavaScript인데 오늘 아침에 일어나서 카톡을 확인할때 문득 카톡을 읽지 않았을때 빨간색 동그라미에 표시되는 카톡의 수도 JavaScript로 구현한 걸까? 라는 생각이 들었고 후에 내손으로 이런걸 만들수도 있겠구나 생각에 설렘이 작지만 한스푼 올라갔다. 너무 조급해지지말자 

 

---

💡 해결해야할것!

• 수업시간에 배운 JavaScript 어떻게 복습할건가
• 배운 css 까먹지 않게 어떻게 할건가
• JavaScript 예습은 어떻게 할건가
• 이 모든걸 하기 위해서 시간배분을 어떻게 할건가