사전캠프 5주차) 바닐라JS로 크롬앱 만들기 도전!

" 23.05.08 ~ 23.05.14 "

수업 진행 및 완료 상황 ʕ·ᴥ·ʔ

• (완료) 웹개발 종합반 4,5주차 - 완강
• (완료) 웹퍼블리싱 정복 1,2주차
• (완료) 바닐라JS로 크롬앱 만들기

 

바닐라JS로 만든 Momentum App  ʕง•ᴥ•ʔง

 

새로 배운 내용 ʕ•ᴥ•ʔ       

// string을 반복해서 사용하게 될 경우, 에러를 줄이기 위해 대문자 변수로 고정시켜주면 좋다. 
const TODOS_KEY = "todos";
const HIDDEN_CLASSNAME = "hidden";

// padStart()함수는 string에 쓸 수 있고, padding을 string의 시작부분에 추가해주는 함수이다.
// padEnd()함수는 padding을 string의 끝부분에 추가해주는 함수이다.

"hello".padStart(20, "x") // "xxxxxxxxxxxxxxxhello"

// 만약에 길이가 2가 아니라면 앞쪽에 "0"을 추가한다는 의미
"1".padStart(2, "0")

// JSON.parse(): 전달받은 문자열을 자바스크립트 객체로 변환한다.
const user = {name:"jin",age:"20"}
// JSON.stringify(): 자바스크립트 객체를 문자열로 변환한다.
const user = {"name":"jin","age":"20"}

.hidden {
  /* 어떤 요소에게든 hidden을 클래스로 주면, 그 요소를 숨겨준다. */
  display: none;
}

 

 

참고 레퍼런스 ʕ ᵔᴥᵔ ʔ

• MDN Web Docs

MDN Web Docs

 

회고 ʢᵕᴗᵕʡ

혼공스에서 자바스크립트 기초 문법을 어느 정도 학습한 후에 노마드 코더 수업을 듣게 되면서,  큰 어려움 없이 클론 코딩을 할 수 있었다. 하지만 '이벤트 리스너' 수업 중간에는 내용이 복잡해지고 어려워져서, 자연스레 졸음도 쏟아졌고, 집중도도 많이 떨어졌다. 이에 CSS 작성할 때, 복습도 함께 하기로 마음 먹었다. 다음 주부터 본캠프가 시작되는데, 게으름 피우지 않고 최선을 다해야겠다. 미니 프로젝트 주차이므로, 내가 맡은 기능구현은 꼭 스스로 해낼 수 있기를 간절히 바라본다.