react4 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. 웹 JS 애플리케이션 개발시 IntelliJ 디버거 사용하기 Vue 혹은 React로 개발시 Webstorm (혹은 IntelliJ Ultimate) 라이센스가 있으신 분들도 VS Code로 개발하시는 경우를 종종 봅니다. 백엔드 개발자 분들이라면 아무래도 IntelliJ가 더 익숙하실텐데요. Chrome + VS Code로 디버깅 하는게 아무래도 어색하고, 굳이 이렇게 많은 도구를 배워야하나라는 생각이 드신다면 한번 이번 포스팅을 참고해보시면 좋을것 같습니다. 이번 포스팅에서는 IntelliJ 디버거로 웹 애플리케이션 디버깅하는 방법입니다. 여기서 웹 애플리케이션이란 Vue, React 등 모던 JS 스택으로 개발하고 있는 프론트엔드 프로젝트를 이야기합니다. IntelliJ의 강력한 디버거를 모던 웹 프론트 개발시에도 사용해보고 싶으신 분들이라면 참고하셔도 좋을.. 2019. 12. 24. 2016/09/01 JSCON 2016 참석 후기! 작년에 JSCON2015를 참석하고 굉장히 재밌었던 경험이 있어 (회사지원으로 공짜라서 더 그런걸까!?) 올해도 개최만 기다리다가 바로 신청했다. 경력관리 세미나와 같이 토크보다는 기술전달이 대부분이라 관심없으신 분들은 크게 재미를 못느낄수도 있을 후기임을 먼저 말씀드린다. (혹시나 다른 세미나 정보도 알고 싶다면 제 Github를 star 하시거나, 블로그를 feed 받으시면 됩니다. 꾸준히 세미나 참석하여 후기를 남기고 있습니다.) (사진속에 남자들만 있지만 여성분들이 굉장히 많이 참석하셨다. 역시 프론트엔드분야는.. 좋다!?) PyCon의 열기를 이어 2016년 09월 01일 JSCON2016 개최! (둘의 관계는 1도 없다는것은 함정) 회사차원에서 지원받아 공짜 + 꽁연차로 참가! 행사 관련 내용.. 2016. 9. 1. 이전 1 다음
