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