공부하는 블로그

인프런의 FP 강좌를 보다가 URL 쿼리문을 작성하는 내용을 보고 다른 함수형 라이브러리들은 어떤가 살펴보기 위해서 살짝 끄적여보았다. 아래 나온 obj1 변수를 파싱해서 a=1&c=CC&d=DD 로 결과를 내는 함수를 만드는 것이다. 단 b는 undefined 이니까 제외한다. 순수 JS, lodash, ramda 에서 쓰임새가 어떤지를 맛보고자 하는 것이기에 특별한 내용이나 설명이 있지는 않다. 순수 JS const obj1 = { a: 1, b: undefined, c: 'CC', d: 'DD' }; console.log( Object .entries(obj1) .filter(([_,v]) => v !== undefined) .map(([k, v]) => `${k}=${..

Vue composition API 리뷰 Vue 3가 출시를 앞두고 있다. Vue-next에서 공개한 주요 변경점으로는 Typescript 지원 강화, Composition API, 컴파일러 개선 등이 있겠다. 기존 Vue 2 버젼에서 업그레이드 시에 어떤 대격변이 일어날까 걱정을 많이 했는데, Vue composition API의 경우에는 2 버젼에서 사용할 수 있도록 배포가 되었다. 설치 npm install @vue/composition-api --save 로 설치를 한다. 그리고 main.js에 아래 코드를 추가한다. import Vue from 'vue'; import App from './App.vue'; import VueCompositionApi from &#3..

Timeline CSS 작성 빔캠프 의 작심삼일 CSS 코스를 듣고 있다. 왜 작심삼일이냐하면, 매주 토요일에 3주간 진행되기 때문이다. (3일) 그런데 사실 CSS라는게 참 애물단지 같고, 막연한 어려움을 가지고 있던 녀석이었다. 어떻게 공부해야 잘 하는 건지도 모르겠고, 알수 없는 것들 투성이에, 그냥 삽질 좀 하다보면, 그리고 구글링 좀 하다보면 어찌어찌 되는 녀석이었기에 공부를 미루고 미뤄왔던 것 같다. 지난주 토요일에는 첫 시간을 나갔는데, CSS의 block level elements와 inline의 특성과 선택자 우선순위 동작방식, 네거티브 마진에 대한 이해를 배웠다. MDN 을 통해서 CSS 속성이 가진 기본 값이 무엇인지에 대해서 생각해보게 되었다. 사실 MDN 문서에서 width 의 속..