Frontend/엘리스 SW 엔지니어 트랙87 [ 엘리스 SW 엔지니어 트랙 ] 21일차(5주차: 클린코드와 타입스크립트 - 정적타입, 인터페이스, Generic, Decorator) 📍 21일 차 11.23. 화.(실시간 강의) (클린 코드와 타입 스크립트) 이번 주는 클린코드와 typescript의 타입, 클래스, 인터페이스, Generic, Decorator에 대해서 배웠다. 엘리스 엔지니어 SW 트랙을 신청할 당시 제일 기대가 되었던 커리큘럼이 이번 주차에 배우는 내용이었는데, 벌써 그 내용을 듣게 된다니.. 이전보다 더욱 열심히 들어야겠다. 여느 때와 마찬가지로 이론수업과 실습수업으로 나뉘었는데, 실습수업은 김병철 코치님이 가르쳐주셨다. 처음에는 누군지 잘 몰랐는데 알고리즘계에서 꽤 유명한 분이셨다. 개발자 오픈 채팅방에 코딩 테스트 대비 순서에 대해 물어보면 항상 tony9402 - 코딩테스트 대비 문제집부터 풀라는 얘기가 많았는데 그 레포지터리 컨트리뷰터의 2번째(VSfe.. 2021. 11. 23. [ 엘리스 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 엔지니어 트랙 ] 18일차 📍 18일 차 11.18. 목.(실시간 강의) 오늘은 실시간 강의로 Ajax, promise, async / await, SPA 에 대해 배웠다. ❏ SPA 만들기 SPA로 구현하려면 경로로 접속할 때 같은 파일을 내려줘야 한다. html 파일은 웹 서버에서 보관하고 html 해석은 웹 브라우저에서 한다. html 파일을 가공해서 고객들에게 보여주는 행위를 client side tech, 혹은 front end 라고 한다. header: 서버에서 클라이언트에게 전달하는 정보 fetch를 사용하면 JSON 형태의 내용이 온다. JS에서 객체를 표현하는 방법을 참고해서 만든 data spec JSON.parse: JSON으로 넘어온 데이터를 JS 객체 형태로 바꾼다. Ajax: JS를 사용하여 브라우저가 서.. 2021. 11. 18. [ 엘리스 SW 엔지니어 트랙 ] 17일차 📍 17일 차 11.17. 수.(온라인 강의) 오늘은 어제 배웠던 동기 / 비동기, 콜백함수, promise에 대해 더 자세하게 배웠다. promise는 3~4개월 전인가? 토스 코딩 테스트에서 비동기적으로 api 호출하는 테스트가 나왔었는데, 그때 문제의 의도를 정확하게 파악하지 못해서 틀렸던 경험이 있었다. 프론트엔드와 비동기는 떼려야 뗄 수 없는 관계이므로 잘 기억하자. ❏ 자바스크립트 제어 흐름 자바스크립트는 다른 멀티스레드 프로그래밍 언어(JAVA, C++)와 다른 방식으로 비동기 동작을 처리한다. 처음 자바스크립트를 접하는 경우, 동작에 대한 정확한 이해가 없으면 코드의 흐름을 따라가기 어렵다. 자바스크립트 내부의 비동기 동작을 이해하기 위해서는 이벤트 루프 등의 개념을 알아야만 한다. JS .. 2021. 11. 17. 이전 1 ··· 11 12 13 14 15 16 17 18 다음
