Alice53 [ 엘리스 SW 엔지니어 트랙 ] 20일차 📍 20일 차 11.20. 토.(온라인 강의) 오늘은 JS기본 내장 라이브러리인 fetch와 HTTP 비동기 외부 라이브러리인 Axios와의 차이점, API 그리고 HTTP methods에 대해서 배웠다. 본론으로 들어가기 전 Window는 DOM document를 포함하는 창을 나타내는 창을 말하고, document는 브라우저에 로드된 웹 페이지를 나타내는 객체이다. 쉽게 말해 window는 브라우저 전체를, document는 브라우저 내부의 화면을 말한다. ❏ Axios Ajax는 비동기 JS란 의미로 Asynchronous JavaScript and XML의 약자입니다. Ajax는 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용하여 화면 전체를 새로고침하지 않고 변경된 일부 데이터만 .. 2021. 11. 21. [ 엘리스 SW 엔지니어 트랙 ] 19일차 📍 19일 차 11.19. 금.(온라인 강의) 오늘은 async - await, error처리, HTTP, REST API에 대해서 배웠다. ❏ async / await 문법 Promise 를 활용한 비동기 코드를 간결하게 작성하는 문법 async / await 문법으로 비동기 코드를 동기 코드처럼 간결하게 작성할 수 있다. async 함수와 await 키워드를 이용한다. await 키워드는 반드시 async 함수 안에서만 사용해야 한다. async 로 선언된 함수는 반드시 Promise 를 리턴한다. async 함수는 function 키워드 앞에 async 를 붙여 만든다 async 함수 내부에서 await 키워드를 사용한다. fetchData, fetchUser는 Promise 를 리턴하는 함수이다... 2021. 11. 19. [ 엘리스 SW 엔지니어 트랙 ] 17일차 📍 17일 차 11.17. 수.(온라인 강의) 오늘은 어제 배웠던 동기 / 비동기, 콜백함수, promise에 대해 더 자세하게 배웠다. promise는 3~4개월 전인가? 토스 코딩 테스트에서 비동기적으로 api 호출하는 테스트가 나왔었는데, 그때 문제의 의도를 정확하게 파악하지 못해서 틀렸던 경험이 있었다. 프론트엔드와 비동기는 떼려야 뗄 수 없는 관계이므로 잘 기억하자. ❏ 자바스크립트 제어 흐름 자바스크립트는 다른 멀티스레드 프로그래밍 언어(JAVA, C++)와 다른 방식으로 비동기 동작을 처리한다. 처음 자바스크립트를 접하는 경우, 동작에 대한 정확한 이해가 없으면 코드의 흐름을 따라가기 어렵다. 자바스크립트 내부의 비동기 동작을 이해하기 위해서는 이벤트 루프 등의 개념을 알아야만 한다. JS .. 2021. 11. 17. [ 엘리스 SW 엔지니어 트랙 ] 16일차(4주차: 자바스크립트 III - Promise, async / await, API 통신) 📍 16일 차 11.16. 화.(실시간 강의) 어느덧 엘리스를 시작한지 4주 차가 되는 날이다. 4개월의 전체 과정 중 1/4인 약 25%를 달려온 셈인데, 생각보다 시간이 빨리 가서 놀랐다. 남은 3개월도 꾸준하게 배운 내용을 기록하여 미래의 기본이 탄탄한 프런트엔드가 될 나의 밑바탕이 되어보자. 오늘은 동기 / 비동기, 콜백 함수, promise에 대해서 배웠다. 항상 콜백함수를 배울 때는 JS 엔진의 동작방식이랑 같이 배우게 되는데, 잘 알아둬야 하는 이유는 기술 면접에서 물어보기 때문이다. 실제로 면접을 볼 때마다 call back과 promise 함수의 차이점에 대한 질문을 받았다. 그때는 뭉뚱그려 대답했는데, 이번 기회를 통해 차이점을 확실하게 알아야겠다. ❏ 동기 / 비동기 동기(synchr.. 2021. 11. 16. [ 엘리스 SW 엔지니어 트랙 ] 15일차 📍 15일 차 11.13. 토.(온라인 강의) 오늘은 JS엔진, JS 코드 실행, 렉시컬 환경, Hoisting, globalThis 등에 대해서 배웠다. 실행 컨텍스트, 렉시컬 파트는 확실하게 배워놔야 나중에 까먹지 않을 것이다. ❏ JS 엔진 JS 엔진은 JS 코드를 읽어 실행하는 프로그램이다. JS 코드는 JS 엔진을 통해 파싱되고 실행된다. Chrome 브라우저의 경우 V8 엔진을 사용한다. node.js 는 브라우저 외의 환경에서 JS 코드를 실행하도록 하는 프로그램이다. node.js 는 여러 프로그램으로 구성되며, JS 코드를 읽는 프로그램으로 V8을 사용한다. 브라우저 환경과 node.js 환경은 같은 JS 코드를 작성해도 다르게 동작할 수 있다. ❏ JS 코드 실행 JS 엔진은 코드 실행.. 2021. 11. 15. 이전 1 ··· 5 6 7 8 9 10 11 다음
