Today I Learn : 2024-07-221. 학습 사전 준비GitGitHubNode.jsPNPMChrome BrowserVisual Studio Code (설치보다 포터블 버전 사용 권장)2. 디자인 → 개발 hand-off모두가 접근 가능의미있는 구조 설계체계적인 표현 설계원활한 상호작용 설계3. 리액트 X ECMAScript※ ECMASciprt 학습을 위한 환경 구성프로젝트 스캐폴딩 → 설치 : https://www.npmjs.com/package/live-server#usage-from-command-line live-serversimple development http server with live reload capability. Latest version: 1.2.2, last pub..
Today I Learn : 2024-06-24 # 모듈 (module)모듈은 왜 쓰는가?⇒ 개발하는 애플리케이션의 크기가 커지면 파일을 여러 개로 분리해야 하는 시점이 오는데 이때, 분리된 파일 각각을 모듈(module)이라고 부른다.⇒ 가독성 ↑⇒ 캡슐화모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성된다.모듈에 export와 import를 적용하면 다른 모듈을 불러와 불러온 모듈에 있는 함수를 호출하는 것과 같은 기능 공유가 가능합니다.type=”module” 속성을 사용하면 defer가 default로 들어가있다.# 모듈 내보내기변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능하다. ⇒ 외부 모듈에서 해당 변수나 함수에 접..
Today I Learn : 2024-06-20참고)https://ko.javascript.info/bubbling-and-capturing 버블링과 캡처링 ko.javascript.info# 버블링(bubbling)* 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다.* 가장 최상단의 조상 요소를 만날 때 까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다.
Today I Learn : 2024-06-18 # DOMhttps://hyesom.tistory.com/entry/JavaScript-DOM
Today I Learn : 2024-06-14 https://hyesom.tistory.com/entry/JavaScript-trycatch%EC%99%80-%EC%97%90%EB%9F%AC-%EC%B2%98%EB%A6%AC
Today I Learn : 2024-06-07# 화살표 함수 (arrow function)- 함수 표현식보다 단순하고 간결한 문법으로 함수를 만드는 방법let func = (arg1, arg2, ... argN) => { return expression; }// 또는let func = (arg1, arg2, ... argN) => expressionlet func = function(arg1, arg2, ... argN) { return expression;} # 재귀와 스택 (recursion & stack)참고 ) https://ko.javascript.info/recursion 재귀와 스택 ko.javascript.info- 문제해결을 하다보면 함수에서 다른 함수를 호출할 때 자기 자신을 호..
