[수강후기] 프로그래머스 데브코스: 클라우드 기반 프론트엔드 엔지니어링 1기

현재 나는 프로그래머스 데브코스: 클라우드 기반 프론트엔드 엔지니어링 1기 2024/07/15~2024/12/13 과정에 참여중이다.! 졸업과 동시에 어떻게 취업준비를 할까 고민하고 있을 때, 데브코스를 알게되었다.데브코스를 선택한 이유는 커리큘럼 때문이었다.기본기를 중요시하는 나에게 Vanilla JS 과정으로 기본기를 채울 수 있는게 좋았고, 차트 등을 이용하여 대용량 데이터 처리 구현과 시각화하는 방법을 연습하고 싶었던 나에게 `빅데이터 분석과 데이터 시각화 UI 구현` 과정이 매력적이었던거 같다.또한 이 과정은 k-digital Training 으로, 국비지원을 받아 수강료가 무료이며 매달 훈련장려금 30만원 정도가 나와 공부나 프로젝트에 집중할 수 있다는 것이 취준생인 나에게 정말 좋은 환경이었..

• format_list_bulleted 카테고리 없음
• · 2024. 8. 26.
• textsms

[Vercel & Express.js] Vercel을 사용해 Express.js 서버 기반 프로젝트 배포하기

프로젝트 설명 오픈 API인 국립국어원 표준대사전 사전검색 API를 활용하여 끝말잇기 게임을 만들었다.국립국어원 표준대사전 사전검색  API 사용하러 가기 국립국어원 표준국어대사전이 누리집은 대한민국 공식 전자정부 누리집입니다. 오픈 API 1. 표준국어대사전 오픈 API 서비스 소개 표준국어대사전 오픈 API는 검색 플랫폼을 외부에 공개하여 다양하고 재미있는 서비스 및 애stdict.korean.go.kr express.js를 사용한 이유?🚨하지만 오픈 API를 KEY만 넘겨서 그대로 사용하면, 기본적으로 CORS에러가 발생한다.따라서 이번프로젝트에서는 CORS 에러를 해결하고자, express.js를 사용한 node.js 서버를 통해  따로 API 요청과 엔드포인트를 처리하여 cors문제를 해결하였..

• format_list_bulleted FE 개발일지
• · 2024. 8. 22.
• textsms

[데브코스 FE] 2주차 다섯번째 수업 2024/07/26

2주차 금요일 수업에서는 목요일 수업 연장선으로 배열과 객체의 문법을 좀 더 알아보았고,코드를 좀 더 간결하게 작성하는 방법인 단축평가와JS에서 비동기 함수가 돌아가는 원리인 call stack에 대해서 배웠다. 추가 실습으로, 지난 실습때 적용했던 swiper 2개를연동해보는 실습도 하였다. 이번 수업에서 얕은복사, 깊은복사 처음들어보았고단축평가는 지레짐작으로 쓰고만 있었고함수의 동작원리는 다른 언어에서 대충이나마 배운 기억이 있었지만 이번기회에 복습하면서제대로 정리해보아야겠다는 생각이 들었다.! 학습내용배열의 얕은복사(shallow copy) vs 깊은복사(deep copy)배열과 객체에서의 구조분해할당단축평가call stack과 비동기 동작원리swiper 2개 연동시키기수업 때 질문들 Q&A 1. ..

• format_list_bulleted TIL(Today I Learn)
• · 2024. 7. 31.
• textsms

[데브코스 FE] 2주차 네번째 수업 2024/07/25

2주차 목요일 수업에서는 JS 문법 중 내장객체, 배열 다양하게 사용하는법, map, filter 등등을 배웠다. 수업을 듣다보니, 개발하면서 혹은 자바스크립트로 코딩테스트 준비하면서 한 번씩 봤던 메서드들이었다.하지만 제대로 깊게 파보거나 공부해본 적은 없기 때문에익숙하면서도 낯선 부분이 있었다. 특히 이번 수업은 자바스크립트로 코딩테스트를 준비할때유용하게 사용할 수 있는 배열 관련 메서드들을 많이 알려주셔서 복습을 꼭 ! 해야겠다고 생각했다. 학습내용다양한 내장객체함수들배열 /  반복문 vs 고차함수배열에서 원하는 값 찾고싶을땐? / map vs filtercss 반응형 vs 적응형수업 때 질문들 Q&A 1. 다양한 내장객체함수들자바스크립트 JS 에서 내장객체란 무엇일까?따로 선언이나 import하지..

• format_list_bulleted TIL(Today I Learn)
• · 2024. 7. 29.
• textsms

[데브코스 FE] 2주차 세번째 수업 2024/07/24

2주차 화요일 수업에서는 JS 문법 중 클래스, 상속, 접근제어자#, 생성자 함수 constructor에 대해 배웠다. 사실 이번에 배운내용은 나에게 너무 낯선 내용들이었다.2년전 학교 수업때 자바에서 클래스를 마주친게 전부여서,수업을 들으며 따라가고 이해하기 매우 벅찼다.  수업때 어찌저찌 어느정도 이해했는데,이번 블로그글으로 다시 복습하면서 내용을 상기시키고 정리해야겠다. 학습내용클래스와 constructor클래스 상속캡슐화 by 접근제어자 #css 팁 ( transform 적용 못하는 경우 해결책 + 클래스 재사용)수업 때 질문들 Q&A1. 클래스와 constructor JS에서는 ES6부터 Class 클래스가 도입되었다.Class란, 객체를 생성하기 위한 템플릿을 정의하는 방법이다.붕어빵 틀로 여..

• format_list_bulleted TIL(Today I Learn)
• · 2024. 7. 27.
• textsms

[데브코스 FE] 2주차 두번째 수업 2024/07/23

2주차 화요일 수업에서는 JS 문법 중 데이터, 객체, 함수에 대해 배웠다. 문법은 어느 언어나 얕게보면 정말 단순하고 쉬운거같은데,제대로 깊게 파악해보려니 기본 개념이 탄탄해야겠다는 생각이 들었다. JavaScript로 API의 데이터를 받아오다보면자주 보이는 데이터 형태가 바로 객체(Object)이다.그래서 객체나 객체와 관련한 함수들을 잘 다루는것이 곧 실력인 것 같다. 이번엔 데이터 , 객체, 함수 문법들을 중심으로내용을 따로 정리해보고자 한다. 학습내용객체(Object) 와 Symbol 자료형JS 함수 종류, rest 인자swiper 사용시 tip수업 때 질문들 Q&A1. 객체(Object) 와 Symbol 자료형  자바스크립트에는 크게 2가지의 데이터 타입이 있다.하나는 원시 타입(Primit..

• format_list_bulleted TIL(Today I Learn)
• · 2024. 7. 26.
• textsms