1210~1212 : 모듈화 1213~1218 : 메인 페이지 마크업, JavaScript 1219~1220 : JavaScript 못 붙인 것, 미디어쿼리 (4단계) 1. 사이트 분석 마크업을 하기 전에 간단하게 사이트를 분석해 보았다. 사이트가 너무 길어서 안의

1. 정규표현식 문제를 몇 개 풀었는데, #38 에 이어서 정리했다. 2. 시각화 1. Chart.js https://www.chartjs.org chart.js, bootstrap 을 이용해서 데이터 시각화를 해보았다. cdn 으로 script를 가져와서 l

1.

1. 최적화 1. 최적화 하는 이유 사용자 경험이 좋아진다. 2. 성능 측정의 척도 올바르게 동작하게 만들고 === 리소스 (자원 소모를 얼마나 하는지 - 메모리, 네트워크 트래픽) 빠르게 동작하게 만든다 === 시간 3. 시간 측정 1. 초기 구동 시간 :

1108~1128 팀원들과 클론 스터디를 진행하기로 해서, MDN 메인 페이지를 클론해보기로 했다. BEM 방식을 사용했더니 이름 짓는데 마크업보다 더 많은 시간이 걸렸다. BEM 예시 프로젝트 와 여러 자료들, BEM을 썼다는 LinkedIn, BBC 등을 한번

Same Origin Policy어떤 도메인에서 문서를 불러올 때, 도메인 주소가 같아야 서로 상호작용 할 수 있게 하는 보안방식. 다른 리소스를 불러올 때 악의적인 스크립트를 받지 못하도록 사전에 차단하는 것이다. 출처(프로토콜, 포트, 호스트)가 다 같아야함.Cro

모듈 패턴 : 클로저를 이용해서 값을 은닉.캡슐화를 왜하는데?????? 에 대한 의문이 계속 있었는데, 예시를 드느라고 변수를 하나만 넣고 get set 하는 함수를 다 구현해서 그냥 객체랑 차이가 없어보였던 것 같다. 해당 객체에 필요한 변수가 여러개이고, 어떤 것은

1. DOM 1. createElement outerHTML : innerHTML : 요소에 포함된 HTML 마크업 -> XSS 공격 가능. 그래서 Node.textContent 같은 걸로 입력값 처리 필요. innerText : 요소 + 자손의 렌더링된 텍스트 콘

saa

1. 멋사 수업 > ### overriding, overloading overriding - 메서드를 상속받아서 같은 이름의 새로운 함수로 만드는 것. overloading - 이름이 같은 매개변수 개수/타입이 다른 함수를 만들면 다른 함수로 취급하는 것. (js에는

오늘은 어제 만들었던 table(https://velog.io/@ddosang/Front-end-27그리고 손코딩을 다하고 prototype과 class에 대해서 나가려고 했는데.. 시간이 돼서 면접보러 떠났다.면접 봤으니 어쩔 수 없지만 수업 못따라가고 있는

1. 멋사 수업 이력서와 깃헙 이야기.. 를 먼저 들었다. 가장 중요하게 배워야 할 것은 페이지 구현. 1. Array, String, Math method 복습 2. strict mode 원래 js는 최대한 오류를 내지 않게 설계되어 있는데 해당 부분들을 엄격

배운 내용들을 되짚고, 앞으로 배울 내용들을 백신 맞듯이 가볍게 살펴보았다.객체객체는 반복이 안되기 때문에 (iterable이 아님), iterable로 만들고 싶으면 Symbol.iterator를 사용한다.객체는 클래스의 인스턴스. property와 method를 가

재귀함수피보나치 수열처럼 함수를 여러번 호출해서 return 하는 경우는 메모리 효율이 안좋다.즉시 실행 함수mapCall by value, reference, sharingjs 는 모두 call by value. reference type 을 인자로 넘기면 refer

공통 : github / 정규표현식 / HTTP(BE에서 더 중요) / SEO (FE에 가까움)FE : HTML / CSS / JS(AJAX) / REACT / (SASS) / (JQery) / WebPack BE : JS / tailwind or bootstrap

Categorizing CSS Rules CSS 규칙들을 세분화 모든 프로젝트에는 조직(팀)이 필요합니다. 하나의 파일의 끝에 당신이 만든 모든 새로운 스타일을 추가하는 것은 스타일을 찾기 더 힘들게 만들고 프로젝트에 참가하는 모든 사람들이 혼란스러워질 것이다. 당

1. 멋사 수업 오늘은 이전 시간에 나갔던 반복문부터 다시 시작했다. for문에 대해 이어서 이해를 하면서 나가고, for ... of 사용법과 forEach 에 대해서도 간단하게 다루고, String built-in 함수들을 몇가지 보고 넘어갔다. indexOf,

\[문법 정리는 변수 할당 시 값을 메모리에 넣고 그것을 변수가 가리키게 만든다. 각 변수에 같은 수를 할당해도 주소는 모두 다른게 정석적인데, 파이썬 같은 경우는 메모리 관리를 위해 0~256은 미리 메모리에 올려놓고 변수가 선언되면 그것을 가리키게 만든다.&& ||

웹 레이아웃 1개, 스마트폰 레이아웃 2개, 태블릿 레이아웃 1개, 반응형 1개를 BEM naming 적용 height는 내용에 종속적으로 - 안의 내용물이 다 달라서 높이가 달라질 수 있는데, 일괄적으로 보여야하는 요소에는 줬다. width는 줄 수 있는 큰 요소에

노마드 코더 Vanilla.js Chaellenge 0. > JavaScript 페이지를 interactive 하게 만들기 위해! 모든 브라우저에 기본 내장 프론트엔드는 html, css, javascript 밖에 없다. js 역시 css처럼 html 파일에 연결해