분류 전체보기

[TDD] Jest 기본

✅ Jest란? Jest는 페이스북에서 만들어서 React와 더불어 많은 자바스크립트 개발자로부터 좋은 반응을 얻고 있는 테스팅 라이브러리 입니다. Jest는 라이브러리 하나만 설치하면, Test Runner와 Test Mathcher 그리고 Test Mock 프레임워크까지 제공해주기 때문에 현재 대세라고 말할 수 있습니다. ✅ Jest 학습 이유 많은 기업에서 Jest를 이용한 테스트를 진행한다는 것을 알게되었고 TDD를 사용해 개발을 진행해보고 싶었습니다. TDD를 사용하게 될 경우 생산성이 저하될 수 있다는 단점이 있긴 하지만 버그가 줄어들고 소스코드가 간결해진다는 장점이 있습니다. Test Code를 작성하여 정확성을 높이고 어떻게 하면 더 나은 코드를 작성할 수 있을지 고민하고 개선해보기 위해 ..

[React] "한입 크기로 잘라먹는 리액트" 강의 후기 (feat. 감정일기장)

인프런의 :"한입 크기로 잘라먹는 리액트(React.js) : 기초부터 실전까지" 강의를 토대로 프로젝트를 완료하고 작성한 글입니다. 리액트를 공부한 이유 Vue.js에서는 템플릿 구문을 사용하는데 React.js는 javascript 문법을 그대로 사용하여 javascript 실력을 향상시킬 수 있다 생각했습니다. React.js를 배우면 React의 파생 기술인 React Native또한 금방 익힐 수 있어 데스크탑, Android, IOS에서 동작하는 애플리케이션을 배울 수 있다라는 장점때문에 배우고 싶다 생각했습니다. 많은 기업들이 React를 사용하는 만큼 취업에도 도움이 될 것이라 생각했습니다. 프로젝트를 만들고 배운 것 ✅배포 URL : https://yerm-react-diary.web.a..

[Frontend] 프론트엔드 아키텍쳐 1 - 프론트엔드 트렌드 변천사

참조 오늘 글은 테오님의 글을 인용하여 작성하였습니다 덕분에 많은 도움이 되었습니다 :) https://yozm.wishket.com/magazine/detail/1663/ 프론트엔드 아키텍처의 가장 최근 트렌드는? | 요즘IT 처음에는 그냥 기능 구현을 하면 되지만 프로젝트의 크기가 커지다 보면 ‘제대로 정리해두지 않으면 정말 안 될 것 같은 순간’들을 맞이하게 됩니다. 그냥 만들면 쉬운 요구사항도 기존 코드 yozm.wishket.com 왜 궁금하게 되었는지? Vue나 React, Django등을 사용하면서 MVVC, MVC, Flux와 같은 용어들을 접하게 됩니다. 처음에는 그냥 이런 것들이 있구나 하면서 넘어갔지만, 왜 이러한 패턴들이 생겨났고, 왜 사용하게 되었는지, 그래서 어떤 아키텍쳐가 좋은..

[Design Pattern] SOLID 원칙

디자인 패턴에 대한 글을 쓰다가 "SOLID원칙" 이라는 단어를 알게 되어 정리해보려 합니다 SOLID 원칙이란? 객체지향 설계에서 지켜줘야할 5개의 원칙(SRP, OCP, LSP, DIP, ISP)를 말합니다. 하지만 개념을 알아도 이를 적용하여 개발하는것이 어려운 원칙들입니다. 설계원칙을 알아야 하는 이유 시스템에 예상하지 못한 변경사항이 발생하더라도 유연하게 대처하기 위해 이후에 확장성있는 시스템 구조를 설계하기 위해. 좋은 설계란? 시스템에 새로운 요구사항이나 변경사항이 있을 때, 영향을 받는 범위가 적은 구조를 말한다 여러 디자인 패턴들은 SOLID원칙에 입각해 만들어진 것이다 1. SRP (Single Responsibility Principle), 단일 책임 원칙 객체는 단 하나의 책임만 가..

[Vue] Vue3와 Vue2 차이점

Vue3의 출시일은 2020년 9월 18일입니다. 2020년에 SSAFY를 진행하면서 Vue2기반의 프론트엔드 개발을 맡아 진행했었습니다. 그 후에 스타트업에 입사하게 되면서, 런칭 전인 하이브리드 앱의 개발을 맡게 되었습니다. 당시 회사에서는 Vue3를 사용해 로그인 페이지와 기본 틀들이 구현이 되어 있어서 자연스럽게 Vue3 기반으로 개발하게 되었습니다. 당시에는 안정화 버전이 나오지 않아서 Vue2를 사용하는게 더 좋았을 것 같기도 합니다😂 이번 게시글은 Vue3와 Vue2의 차이점에 대해 정리해보려 합니다. 현재는 Vue3가 기준 버전이 되면서 공식문서의 주소도 변화했다고 합니다! 1. 사라진 eventBus 스타트업 기술면접에서 Vuex가 아닌 다른 데이터 전송 방법이 있었는데 왜 사용하지 않았..

[후기] 카카오뱅크 고객센터 한달 단기 근무 후기

오랜만에 포스팅합니다 12월 초쯤 최종면접 탈락의 후유증으로 지금까지 좀 쉬었네용 ㅠ 열심히 달려왔는데 최탈을 맛보니 충격이 컸지만 이제는 다시 공부할때가 된 것같습니다 상반기 공고 나오기 전까지 지갑에 빵구가 커지고 있어서 급하게 단기알바를 구했습니다 고객센터는 처음이라 걱정 많이했는데 8시간씩 4-5일 교육후 바로 투입됐습니다 첫날에는 겨우 2콜 받으면서도 너무 힘들어했는데 익숙해지니 하루에 50-60콜정도 IB 했습니다 은행창구가 없는 모바일 뱅킹인 카카오뱅크의 협력사 고객센터에서 고객들을 상대하면서 개발자로서 느낀점을 적어보려합니다. *저의 주관적인 내용입니다 1. 다양한 연령대의 고객들 전화받으면서 놀란점은 정말 다양한 고객이 카카오뱅크를 사용하고 있다는걸 느꼈습니다. 저는 주로 2-30대가 대..