📝 성장을 위한 기록
-
리액트 + 타입스크립트 무료 공부 자료 모음Study/TypeScript 2021. 10. 20. 18:22
기존에 타입스크립트를 깊게 공부하지 않고 프로젝트에 조금씩만 사용해보다가, 이번에 동아리 팀원들이 타입스크립트 스터디와 작은 토이프로젝트를 해보자고 했다. 그래서 이번 기회에 공부했던, 그리고 공부할 예정인 무료로 제공되는 타입스크립트 공부 자료들을 모두 작성하려고 한다. 물론 돈을 들여 책을 구입하거나 강의를 구입해서 공부하는 것도 좋지만, 나처럼 돈을 아껴야하는 취업준비생들을 위하여 무료인 리액트 + 타입스크립트 공부 자료들을 공유한다⭐️ 타입스크립트 공부 자료 모음 글을 작성하기에 앞서, 최대한 최신 업데이트된 것과 내 기준에서 좋다고 생각하는 자료들로 선별하려고 했으며, 꾸준히 추가해나갈 예정이다. (혹시 더 좋은 타입스크립트 관련 무료 자료들이 있다면 댓글로 알려주시면 감사하겠습니다.) 📄 공식..
-
[세미나 리뷰 / 원티드] 누구에게나 처음은 있었다 : 웹 개발자Record/review 2021. 7. 23. 10:11
과연 나는 개발자 취업 준비를 제대로 하고 있는 것일까? 2020년 7월, 당시 나는 프론트엔드를 공부한 지 반년 정도 된 개발자라고 하기도 뭐한 개발 학습자였다. 그래서 공부를 더 하고 취업 전선에 뛰어들어야겠다 라는 생각을 가지고 있었는데, 지인 개발자분이 상주 프리랜서 채용 공고를 하나 공유해주셨다. 마침 내가 공부하면서 사이드 프로젝트를 진행하던 기술 스택과 매우 흡사한 스택들을 요구하는 채용 공고였다. 지원해도 손해볼 것 없는 장사였기 때문에 면접 경험이라도 한 번 해보자 라는 마음으로 지원하게 되었다. 당시 나는 '코로나 마스크 마켓'이라는 사이드 프로젝트 하나, 동아리에서 진행했던 'urLink' 크롬 익스텐션 프로젝트 하나가 전부였고, 제대로 된 포트폴리오를 만드는 방법 조차 모르는 채로 ..
-
나를 너무나 힘들게 했던 CORS 에러 해결하기 😂Study/Frontend 2021. 4. 21. 18:39
🔥 사건의 발단 : 외부 API 호출 때는 바야흐로 2020년 3월. 프론트엔드 공부를 시작한 지 얼마 되지 않은 채 홀로 토이 프로젝트를 진행하던 중이었다. 코로나 바이러스 관련 웹서비스를 만들고자 했고, React로 클라이언트단을 개발하고 Firebase로 배포까지 진행해보려고 했다. 확진자 데이터를 지도에 보여주는 것을 구현하기 위해서 코로나 바이러스 확진자 데이터를 제공해주는 외부 API를 사용해야 했다. 당시 내가 프로젝트를 시작했을 때만 해도 공공 데이터 포털에서 제공해주는 API가 없어서, Dropper Lab이라는 곳에서 제공하는 API를 사용하기로 결정했다. (내가 프로젝트를 끝낼 즈음에 공식 API가 출시되었다.) API 문서를 보며 차근차근 코드를 작성한 후, React 클라이언트단에..
-
[Git & GitHub] 왕초보를 위한 깃과 깃허브 사용 튜토리얼Study/Frontend 2020. 2. 13. 13:00
Git & GitHub 튜토리얼 Git은 리눅스의 창시자 Linus Torvalds가 개발한 도구이다. 위는 깃허브에 Linus가 올린 첫 번째 수정 커밋인데 커밋 메세지가 눈길을 끈다. Initial revision of "git", the information manager from hell 지옥에서 온 정보 관리자... ㅋㅋㅋㅋ 얼마나 소스코드를 공동으로 관리하는 것이 힘들었는지 알 수 있는 메세지다. Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. 깃은 한마디로 버전 관..
-
자바스크립트 비동기 처리 async & awaitStudy/JavaScript 2020. 2. 10. 11:12
What is async & await? async & await 문법은 자바스크립트 비동기 처리 패턴 중 비교적 최근에 나온 문법이다. 이는 콜백 함수와 프로미스의 단점을 보완하고 가독성을 높이고 관리의 편의성을 높인 방식이다. 기본 문법 구조 async function 함수명() { await 비동기처리메소드명(); } async는 함수명 앞에 붙여주고 await는 비동기 처리 메소드명 앞에 붙여준다. await 뒤에 오는 비동기 처리 메소드는 반드시 Promise 객체를 반환하는 함수여야 한다. 보통 Axios와 같이 프로미스 객체를 반환하는 API 호출 함수가 비동기 처리 메소드 자리에 온다. 그리고 await 키워드는 async 함수 내부에서만 유효하다. 여러 개 비동기 처리 다루기 with H..