리액트4 3. 코드숨 리액트 - 3주차 1. 학습 내용 드디어 FE (정확히는 React) 에서의 TDD를 배우게 되었다. 아래 내용들을 배웠다. Jest React Testing Library TDD 2. 과제 & 코드리뷰 이번주는 일요일 새벽에 제출하다보니 코드리뷰를 받지 못했다 ㅠ 다만 과제를 하는 과정에서 배운것이 있다. getByRole? React Testing Library 를 사용하던 중에, 왜 getByRole은 있는데 getById 혹은 getByClass가 없을까 라는 생각을 했다. id나 class 같은 Dom Selector 를 지원하는 도구가 없다보니 html-aria 를 항상 열어놓고 테스트를 작성해야만 했다. Dom Selector 있으면 너무 편할것 같은데라는 생각과 매번 웹페이지를 봐야하는 것이 너무 답답하단 .. 2021. 12. 25. 2. 코드숨 리액트 - 2주차 1. 학습 내용 2주차의 경우 React와 그 생태계에 대해서 배우게 됐다. React & React Dom 함수형 Components & Props React Hook 선언형 프로그래밍 관심사 분리 리액트의 함수형 Components & Props를 처음 배우게 됐다. 리액트 기술을 배운것과 별개로 관심사 분리를 2주차에 바로 언급해주신게 좋았다. 특정 라이브러리 사용법 보다 더 중요한게 어떤 코드를 어디에 배치할 것인가 하는 디자인에 관한 것이라고 생각한다. 객체지향 (Object Oriented) 디자인 (Design) 그런 면에서 교육 과정 초반에 바로 코드 디자인에 관한 내용을 언급해주셔서 좋다고 생각했다. 이와 별개로 함수형 컴포넌트를 사용해 보면서 함수형 컴포넌트를 쓰는 것과 함수형으로만 코.. 2021. 12. 17. 1. 코드숨 리액트 과정 회고 - 1주차 사내의 프론트엔드 팀원들과 함께 코드숨의 리액트 과정을 수강하게 되었다. 코드숨의 과정은 220만원인데 (부가세포함) 조금 자랑하자면, 사내 복지로 성장지원금(연 180만원)을 지원해서 몇몇 팀원들은 이를 활용했다. 커리어 내내 백엔드 애플리케이션을 중심으로 해서 데이터베이스 설정이나 쿼리튜닝, 서버 아키텍처 등을 위주로 해왔다. 내가 그간 해왔던 프론트엔드 개발이라고 해봐야, jQuery -> Backbone.js & Handlebar.js -> Angular 1 -> Vue.js 로 그때그때 필요한 프론트엔트 작업을 했을 뿐이다. 그래서 이 강의를 듣는다고 했을때 주변에서는 "으잉? 왜??" 라는 이야기를 하셨다. 국내에서 프론트엔드의 TDD/클린아키텍처에 관한 내용을 포함해서 알려주는 강좌가 흔하지.. 2021. 12. 8. 웹 JS 애플리케이션 개발시 IntelliJ 디버거 사용하기 Vue 혹은 React로 개발시 Webstorm (혹은 IntelliJ Ultimate) 라이센스가 있으신 분들도 VS Code로 개발하시는 경우를 종종 봅니다. 백엔드 개발자 분들이라면 아무래도 IntelliJ가 더 익숙하실텐데요. Chrome + VS Code로 디버깅 하는게 아무래도 어색하고, 굳이 이렇게 많은 도구를 배워야하나라는 생각이 드신다면 한번 이번 포스팅을 참고해보시면 좋을것 같습니다. 이번 포스팅에서는 IntelliJ 디버거로 웹 애플리케이션 디버깅하는 방법입니다. 여기서 웹 애플리케이션이란 Vue, React 등 모던 JS 스택으로 개발하고 있는 프론트엔드 프로젝트를 이야기합니다. IntelliJ의 강력한 디버거를 모던 웹 프론트 개발시에도 사용해보고 싶으신 분들이라면 참고하셔도 좋을.. 2019. 12. 24. 이전 1 다음
