멋쟁이사자처럼 프론트엔드 스쿨의 7주차를 지나고 있는 시점이다. Javascript의 개념들을 배우고 있는데, 한 번에 이해가 도저히 되지 않던 개념이었던 것중 하나인 Class에 대해 정리해보고자 한다. Class 정의 자바스크립트에서 함수의 한 종류로, 객체를 생성하기 위한 템플릿으로 사용되며, 값으로 사용할 수 있는 일급 객체(다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체)이다. 역할 일종의 설계도로, 클래스를 정의함으로써 객체를 만들기 위해 필요한 속성과 메서드의 구조를 미리 정의할 수 있다. 클래스는 생성자(constructor)를 포함하고 있다. 클래스 내부에서 정의된 메서드는 해당 클래스로부터 생성된 모든 객체에서 공유된다. 특징 // 1. 무명의 리터럴로 생성하여, 런타임..
7주차 회고 (23.7.3~7.7) - 어떤 것을 배웠고, 실천하였는가 이번 주는 JS 수업을 본격적으로 시작하여, 자바스크립트의 역사부터, 변수, 자료형, 조건문, 반복문, 함수 등을 배웠다. 지난 주에 이어, 야무쌤 강의를 듣고 정리해두고, 각자 호스트가 되어 설명해보는 스터디를 계속하고 있다. - 느낀 점 기존에, React와 Next.js까지 독학으로 끄적거리면서 클론코딩 해봤다치더라도, 정작 제일 근간이 되는 JS를 제대로 공부해본 경험은 없었던 것 같다. 이번 주는 기본이라 생각했던 것들로 구성된 커리큘럼이었음에도, 원리를 다 이해하고 넘어가려니 생각보다 어렵게 다가왔다. 특히 인강을 듣다가 생성자 / 프로토타입 부분은 놀라울 정도로 감이 잡히지 않았다. 하지만, 당장 이해가 되지 않아도, 반..
6주차 회고 (23.6.24~6.28) - 어떤 것을 배웠고, 실천하였는가 이번 주는 HTML + CSS 프로젝트 3일, JS 특강 1일 그리고 현직자 특강 1일로 진행되었다. 프로젝트 기간동안, 기존에 진행하던 JS 스터디와 코테 스터디를 쉬기로 하였고, 프로젝트에 매진했었다. 프로젝트가 끝나고는, 다시 JS 스터디를 시작하여, 다가올 JS 수업을 대비하기 시작했다. - 느낀 점 이번 주는 주로 프로젝트에 대한 감상을 남겨보려고 한다. 부트캠프의 꽃이라 불리는게 프로젝트라고 생각하고 멋쟁이사자처럼 과정에 들어왔었고, 많이 기대했었는데 실제로도 그 기대에 부응했다. 개개인이 생각이 다르고 이해한 것이 다르기에 합을 맞추는 과정이 굉장히 중요하게 느껴졌고, 서로 질문과 답변을 하면서 문제를 풀어가는 과정이..
멋사 프론트엔드 스쿨 6기 과정 중 첫 프로젝트(HTML + CSS)를 하던 중, SEO도 고려할 것이라는 조건이 걸려 있어서 찾던 중 메타태그를 적절히 활용해야 접근성 측면에서 성능이 개선된다는 사실을 알았다. 우리는 흔히 html파일을 만들고 !+Tab만 누르면 기본적으로 위와 같은 html 기본 골격을 가진 자동완성을 이용하곤 하지만, head 내에 위치한 meta태그를 보며, 인코딩 방식이 UTF-8이고, 뷰포트를 장치 화면 너비에 맞게 설정한다라는 사실 외에 meta 태그에 대한 궁금증을 품어본 적이 없었던 것 같다. 프로젝트에서는 충분히 메타태그를 공부할 시간없이 구글링을 통해 open graph를 이용해 단순히 해결했지만, 프로젝트가 끝난 김에, 사용했던 메타태그를 기반으로 짧게나마 정리해보..
