Todos HTML 삽입 미리보기할 수 없는 소스 Finding - Cypress 사용법 Feeling - 처음으로 공식문서를 이용해서 공부해봤다. 여태까지는 항상 인강을 통해서 습득했었는데 Cypress에 대한 강의가 없어서 내친김에 인강으로 습득해봐야겠다는 생각에 도전을 했는데 너무 어려웠다.. 일단 영어에서 넘사.. 아무튼 Cypress는 진짜 좋은것같다. 약간 스토리북이랑 되게 비슷한 느낌이 있었고 아마 프로젝트할때마다 꼭 사용하지 않을까 생각한다. 전부 영어로 되어있어서 진도가 많이 느렸지만.. 그래도 되게 뿌듯하다..! Next todos - NextJS 로 TodoList 만들기 - TodoList에 스토리북 적용해보기 - SWR의 장단점, 리액트 쿼리의 장단점 비교해보기
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - Cypress와 Jest의 차이 Feeling - 사이드 프로젝트를 진행하면서 온갖 방법이나 좋다고 하는것에 대해서 어느정도 알고는 있어서 적용하자고 했는데 사실 실제로 적용해본적도 없고 이런것이 있구나 정도로만 알고 있어서 걱정이 크다.. 생각보다 유용한 도구들이 많은건 알고 있었지만 실제로 적용해보자! 하고 시작하는 프로젝트는 처음이라 짝프로그래밍, 커밋컨벤션 등 체계적인 환경속에서 작업해본적은 없어서 자신이 없다..ㅠㅠ 물론 하면 하겠지만!! 이번에 적용하자고 하는 기술을 나열해보니까 50% 이상 실제 사용해본적 없는걸 보고 살짝 충격이 왔다 그만큼 내가 유용한 툴을 냅두고 공부해보지 않았다는 거니까.. ㅠㅠ 아무튼 다음주까지 적용..
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - 애자일에 대한 개념 Feeling - 애자일에 대한 얘기는 정말 많이 들어봤지만 실제 적용한적도 알아본적도 거의 없다. 그래서 관련 도서를 읽었보았는데 생각보다 훨씬 내용이 좋았다. 물론 어떤 책이든 마찬가지지만 당연한 소리를 많이 넣는다. 이번에 책을 읽으면서 어떤 개발 도서던지 핵심은 잘게 쪼개기, 가독성, 협력 인것같다. 여태까지는 개발에 집중된 도서만 읽었는데 이 책을 읽으면서 개발생활? 에 대한 개념을 조금 더 잡을 수 있었다. 그래서 앞으로는 더 잦은 피드백을 위해 TIL은 공부를 위해 작성하는 것이니 앞으로는 일기를 써서 잦은 피드백을 받기로 다짐했다. TIL은 공부를 안하면 안적는 핑계가 있지만 일기는 짤없다. Next t..
Facts - 회사 프로젝트 리팩터링 - 회사 프로젝트 테스트 추가 - React TodoList 포스팅 - Vue TodoList 작성 - 팀 사이드 프로젝트 참가?? Finding - React naming 규칙 - Vue, Vuex - MVVM 패턴 - 인터렉티브 css 하는법 Feeling 나름 매일 꾸준히 공부했다고 생각했는데 막상 회고를 하니 별로 한게 없다.. React에 관한건 이미 거의 알고 있던 부분이니 제외한다고치고 새로 알게된건 겨우 Vue, css 정도네.. 왜지..? 왜 별로 없지.. 그래도.. 나름 한다고 했으니까 그나마 이정도라도 했다고 생각하자 만약 안했다고 하면 정말 제자리걸음 일거라는 위화감도 든다. 그리고 역시 Vue는 불편하다. Next todos - 개인 포트폴리오..
Todos HTML 삽입 미리보기할 수 없는 소스 Finding Feeling - 나태 그 자체.. Next todos - 개인 프로젝트를 위해 Next JS 복습하기 - 개인 프로젝트 세팅
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - mousemove Event - SSG는 MPA다. Feeling - 진짜.. css로는 뭐든지 다 할 수 있는것 같다.. 포트폴리오에 오늘 구현한 기능을 넣을 생각하니까 너무 설렌다!! - 이제 개인 포트폴리오 페이지도 만들어야 되고 사이드 프로젝트도 같이 진행 하는데 생각보다 시간이 많이 후달린다 앞으로 일은 그만 벌려야겠다 새벽 1시까지 오늘 놀지도 못했는데 목표달성을 못했다.. 흥분해서 날뛰지 말고 할 수 있는 만큼 일을 벌리고 목표를 설정해야겠다. Next todos - Vue toolist 프로젝트 구조화 및 모듈화 - 월간 회고록 작성
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - vuex 헬퍼 함수 Feeling - 스크롤이벤트를 공부하고 있는데 매우 어렵다.. css에서 3d공간 이해가 잘 안된다 ㅠ - vuex는 react에서 사용하던 상태관리 특히 redux와 매우 유사한것같다. Next todos - Vue todolist 프로젝트 구조화 및 모듈화 - scroll을 이용한 3d 프로젝트 완료
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - 이벤트 위임 개념은 대충 알고 있었지만 왜 쓰는지 어떻게 활용하는지 적용해보며 알게 되었다. Feeling - 핑계일 수도 있지만.. CS는 당연히 알고 있으면 좋지만 웹 프론트엔드 개발자는 코딩테스트를 위한 기초지식 정도만 알고 있으면 된다고 생각한다. 어차피 싱글 스레드니까 딱히 프론트엔드 개발자가 운영체제나 스케줄링등에 대해서 깊게 공부할 필요는 없을 것 같다는 느낌이 들었다. 없다기보다에는 우선순위에서 조금 밀린다 라는 표현이 맞는것같다. 그러니까.. 보류! 자료구조 정도만 공부하는걸로! Next todos - vuex 공부 심화 - Scroll, Transition, Animation 이벤트공부 및 적용
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - DOM 스크립트 사용법 - 쿼리셀렉터에.. class선택자로 dom을 가져올 수 있다..!! ex) nth:child 등.. Feeling - 이미 알고는 있었지만 바닐라 자바스크립트 프로젝트를 한번도 진행해 보지 않아서 많이 부족할거라고 생각은 했지만 dom스크립트에 나오는 내용은 아예 처음 보는 내용이 아주 많았다. 생각보다.. 바닐라 자바스크립트도 할만 할지도..? 라는 생각이 들었다. - 슬슬 코딩테스트 공부를 하려고 문제를 푸는데.. 예상하지 못한 부분에서 막혔다.. 부족한 CS 지식으로 인해 용어 자체를 이해하지 못해서 못 푼 문제가 많았다.. 앞으로 코딩테스트, CS공부도 해야겠다 아니 할게 왤케 많아 Next todos -..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - slot 사용법 - vuex 사용법 - css 3d기법 Feeling (느낀 점) - vuex를 사용하면서 리액트 상태관리 라이브러리들과 되게 비슷하다고 생각했다. 다행히 생각보다 어렵지 않았다! - css 3d, 애니메이션을 이용해 뒤집히는 효과 만들어 봤는데 오.. 신기하고 재밋었다!! 나중에 사이드 프로젝트 할 때 꼭 써먹어야지 - 크로스브라우징은 안할거다. Affirmation(자기 선언)
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - 당연하지만 vue도 상위 컴포넌트 (컨테이터) 가 props를 알아야 옵저버가 연결된다. - transform - animation Feeling (느낀 점) 예전에 우연히 유튜브에서 구글에 입사제의 받은 포트폴리오를 보고 충격을 받은 적이 있다. 또 가끔 웹사이트를 돌아다니다보면 굉장히 이쁜 인터랙션이 구현 되어있는걸 봤는데 되게 이쁘기도 하고 만들어보고 싶었다. 그치만.. css를 굳이 저렇게 까지 깊게 만져야 되나 싶어서 굳이 공부해보지는 않았다. 사실 만들으라고 하면 만들 자신도 없고 3d 페이지 같이 예쁘게 인터랙션이 구현되어 있는 웹사이트를 보면 언젠가 하겠지 하려면 금방 하겠지 하고 지난게 벌..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - LocalStorage 사용법 - 디렉티브 v-for, v-bind, v-model, v-onkeyup 등 디렉티브 - created 메서드 Feeling (느낀 점) - 솔직히 todoList는 문법을 알고 있으니 참고하지 않고 가볍게 작성할 줄 알았는데 익숙하지 못한 문법과 React적 사고 때문에 생각보다 훨씬 오래 걸렸다. 특히 toggle기능을 구현하는데 의외로 오래걸렸다. vue는 리액트와 달리 set함수를 사용하지 않아 불변성을 "억지로" 유지할 필요도 없기 때문에 메서드에서 인자로 객체를 받는다면 주소값을 받기 때문에 프로퍼티에 값을 바로 넣어줄 수 있었다. 리액트에서는 상상도 못할 방법이라..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - HTML파일로 Vue를 사용해 개발하기 - Vue 라우트 - CLI 를 통한 Vue개발 - watch, computed 속성의 차이 - v-on, v-bind, v-if, v-show 디렉티브 Feeling (느낀 점) - 해봤자 리액트만 알고 그 마저도 쥐똥만큼만 아는 주제에 Vue의 단점들만 보이기 시작했다. 핑계거리를 찾고 있는것 같았다. 뭔가 새로운것을 공부할때에는 설레고 재밋어야 하는데 공부하다가 이걸 왜 굳이 이렇게 해? 리액트가 더 편하고 좋은데? 라는 생각을 하고 있는 자신을 발견하고 현타가 왔다.. 1년이 다르게 트렌드가 확확 바뀌고 새로운 기술이 나오는 프론트엔드 개발자가 새로운것을 배우..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - vue의 기초 문법 및 사용법 - MVVM 패턴 Feeling (느낀 점) - 디자인 패턴은 별로 생각해보지 않았다. redux를 사용할때 flux패턴을 사용하는구나~ 정도로만 알고 있었고 아마 vue를 사용하게 될때에도 그렇게 사용할것이다. 어차피 프레임워크라서 그렇게 사용하지 않으면 사용하지 못하기 때문이다. 그래도 앞으로 리액트처럼 어떤 패턴이 정해져있지 않은 프로젝트 할때에는 디자인 패턴을 미리 알고있는것이 좋을 것 같다. 나름 리액트에 맞는 컴포넌트를 만들기 위해 노력하고 고찰하면서 개발하려고 노력하지만 디자인 패턴에 대한 생각은 별로 해본적은 없다. 아마 리액트 디자인 패턴에 대해 찾아 보았으면..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - vue의 기초 문법 및 사용법 Feeling (느낀 점) - 프론트엔드 개발자가 되고나서 개발은 무조건 리액트로만 했어서 그런지 남들이 쉽다고 하는 vue.js의 문법을 볼 때는 오히려 어렵게 느껴졌다. 이미 vue에서 html태그처럼 외워서 해야하는것들도 많았고 익숙하지도 않았기 때문에 영어단어 외우는것처럼 하나하나 형식..? 속성을 주는게 꽤나 귀찮았다. 만약 vue부터 공부했다면 조금 더 쉽게 공부는 할 수 있었을것같긴 하지만 vue는 많은 부분에서 javascript문법을 사용하기 보다는 내장되어 있는 속성들을 이용해서 개발하기 때문에 편할수는 있겠지만 자바스크립트를 잘 모르는 상태에서 리액트를 선..