Async, await : 콜백처럼 작동하는 비동기 코드이지만 동기코드의 형식을 가진다. 1. typescript config.json 파일에 라이브러리 추가하기 Async와 await을 사용하기 위해 먼저 해주어야 할 설정이다. 나는 타겟으로 ES6이 설정되어있었기 때문에 이를 라이브러리에서 dom api와 함께 불러주는 코드로 수정했다. 예제 코드 { "compilerOptions": { "strict": true, "module": "CommonJS", "sourceMap": true, // target을 제외하고 lib 라이브러리를 추가하여 async 사용 기반 마련 // "target": "ES6", "lib": [ "es6", "dom" ] } } 2. 함수 앞에 async를 붙여준다. asy..

*해당 포스팅은 프로그래밍언어 공부법에 대한 김민태선생님의 강의를 복습하기 위한 용도입니다. 1-1. 실패하는 이유 프로그래밍언어를 배우는 데에 필요한 사전 지식의 부족으로 해당 분야에 도전했다가 돌아서는 경우가 많다. 따라서 최소한의 지식으로 직접 만들 수 있는 어플리케이션들을 구현하며 지식도 배워가고 부족한 부분을 쌓아가는 학습전략이 좋다. * 입문서로는 Javascript Definition Guide 라는 책을 추천한다. 1-2. 프로그래밍 기술의 특성에 맞는 학습전략 프로그래밍 기술은 빠르게 변하는, 느리게 변하는, 거의 변하지 않는 기술들로 나뉜다. 이를 파악하고 학습전략을 세우면 장기적으로 효과적인 프로그래밍언어 공부법을 가질 수 있다. 빠르게 변하는 기술 디자인패턴이나 Ui, UX, 프레임..

*해당 포스팅은 김민태선생님의 강의를 복습하기 위한 용도입니다. 2-5. Node JS 와 NPM JS 라이언달의 Node JS란 소프트웨어는 브라우저 없이도 JavaScript 의 실행이 가능한 런타임환경을 제공한다. 이때, NPM JS란 소프트웨어 환경은 개발자들이 오픈소스로 다양한 템플릿, 기능들을 올려두었기때문에 이를 다운로드 후 Node JS로 바로 적용할 수 있다. Node JS 예시 console.log("This sentence is normal"); console.log("This sentence is normal"); 이라는 코드를 통해 콘솔창에 따옴표 안의 문장을 출력할 수 있다. 이때, 터미널에서 node index.js js 파일명 앞에 node를 붙여 실행하면, 바로 터미널창에 ..

▶ 지난 강의 3-1. Hacker News 클라이언트 앱 어플리케이션 직접 만들어보면서 입력 데이터를 가공하고 출력하는 프로그래밍이 어떻게 진행되는지 체험하는 것이 목적이고, CSS와 관련된 디자인적인 부분과 비동기화는 제외하고 실습한다. 3-2. 코드 12줄 네트워크 너머의 서버에서 데이터를 받아 Unordered-list로 가공하고, Parcel js로 실행시켜 데이터를 출력하는 프로그램을 직접 만들어본다. 첫번째로는 XMLHttpRequest와 ajax, innerHTML 두번째로는 createElement(' li '), appendChild(ul) 을 기억하면 된다. 3-3. 두개의 화면 웹앱 특정 링크 클릭시 다른 창이나 화면 효과가 나타나도록 한다. AddEventListener를 기억하면..

1. 오류 Unterminated string 오류를 마주쳤다. Visual Studio Code 에서 JavaScript로 라우터를 구현하는데, 계속 종료되지 않은 문자열이라며 오류가 뜬다. 2. 해결 이 사이트의 세 가지 오류 해결방법을 참조했다. >> reference https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Unterminated_string_literal 첫번째부터 차례대로 따라해볼 심산이었는데 바로 오류가 해결됐다. ''와 +를 통해 분기할 때마다 태그가 닫히지 않은 오류 대신 하나의 이어지는 문자열로 인식하게끔 해주었다.

오늘은 HTML문서 웹사이트를 개발자도구로 수정하는 두 가지 방법을 정리한다. 첫번째는 Edit as HTML을 활용해 직접 ul, li 태그로 목록을 만드는 것이다. 두번째는 console 창에서 수정할 문단의 태그를 getElementById로 불러와 ul, li 태그를 삽입하는 방식이다. 아래의 소제목중 '2) 개발자도구 활용' 부터 보면 된다. 1) 기본 작업 (1) 실습할 HTML 문서를 만든다. 단, 이미 실습할 웹사이트나 HTML이 있으면 이 단계를 생략하고 거기서 바로 개발자도구 열면 된다. 문서의 타입을 지정한다. ▶이 공간은 지금은 비어있지만, 개발자도구에서 innerHTML을 활용하거나 JS를 이용해 조절할 예정인 부분이다. ▶JS를 HTML과 연동하는 코드이다. (2) HTML 문서..