공부하는 블로그

Vue 하다가 React 하는 개발자 이야기 1 관리자 페이지를 새로 만들고 있습니다. React + Typescript + GraphQL 조합입니다. 그전 코드는 유지보수가 너무 힘들고 장황한 코드가 많아서 개발 시간보다 코드 리딩에 더 큰 시간이 들어 많은 개발자들이 고통받고 있었습니다. 새로 프로젝트 시작을 하게되어 기쁘게 생각합니다. Graphql + typescript + codegen을 이용하니까 엄청 간편하다고 느꼈습니다. 개발자가 할 게 없네요. 회원 목록을 구현했는데 몹시 빠르게 개발했습니다. use~ 시리즈를 찬찬히 살펴보고 있습니다. useEffect 는 Vue에서 watch와 비슷하다는 느낌을 받았습니다. 그러나 useEffect는 렌더링 직후에 실행이 된다고 하네요. 동료 개발자가..

태블릿으로 코딩하기 - 2편: 갤럭시탭 s6 vs 아이패드, 그리고.. 사용성 일단 태블릿의 첫인상부터 이야기 나눠보도록 하겠습니다. 뽐뿌가 왔던 태블릿은 아이패드와 갤럭시탭 S6이었습니다. 동생이 쓰는 아이패드를 빌려서 아이패드는 확보했지만 갤럭시탭 s6를 구할 곳이 없었습니다. 그래서 유튜브 리뷰도 보고, 정보도 검색해보았지만 딱히 와닿지 않았습니다. 그래서 근처에 삼성 가전제품 매장에 들러서 직접 체험을 해보았습니다. 아이패드는 4:3 비율인데 비해서 갤럭시 탭 s6는 16:9 비율이더군요. 그래서인지 코딩용으로는 약간 화면이 좁게 느껴졌습니다. 또한 갤럭시 덱스를 살펴보았는데, 앞선 글에서 말씀드린대로 Linux on Dex가 종료되었지만 그냥 Dex는 계속 지원을 하는 듯 해보였습니다. Dex가..

개발자가 무기력증에 대처하는 자세 왜 이렇게 힘들지? 어느덧 2020년도 지나고, 2월 중순을 지나고 있습니다. (2020년의 10%가 벌써 지났네요.) 이제 어느덧 5년 차 개발자가 되었고, 새해 결심으로 아침에 일찍 일어나서 영어공부도 하고, 코딩도 꾸준히 해왔습니다. 회사에서는 올해 초에 새로운 앱 런칭을 위해서 바쁘게 움직였고, 그 와중에 스터디, 개인 코딩, 블로그 글 연재, 영어공부, 그리고 연애까지. 놓치고 싶지 않은 것들이 많았던 것 같습니다. 그러던 중에 무기력증이 굉장히 잦은 주기로 내게 찾아오는 것을 발견하게 되었습니다. 이따금씩 피곤해서 잠을 몰아서 자는 경우가 있기는 했는데, 거의 2~3개월에 한번 쯤 그랬지만 요즘 들어서는 그 주기가 잦아지고 있다는 사실입니다. 근래 회사에서 앱..

태블릿으로 코딩하기 또 무슨 바람이 들어서인지, 태블릿으로 코딩을 해보고 싶다는 생각이 들었습니다. 가벼운 작업을 할때는 무거운 노트북을 들고다니는 것보다 가볍게 태블릿과 휴대용 키보드를 들고 다니면 효율적이지 않을까? 라는 생각 때문이었습니다. 제 이런 생각에 뽐뿌를 집어 넣어준 첫번째 계기는 삼성 갤럭시 시리즈에 들어있는 Linux on Dex 때문이었습니다. 휴대폰에 모니터를 연결해서 코딩을 한다니! 매력적이다! 라는 생각이 가장 컸습니다. 게다가 갤럭시 시리즈에 LoD를 설치하면 기본적으로 탑재된 프로그램이 Visual Studio Code와 IntelliJ라고 하니, 누가 봐도 개발자를 위해서 만들어졌구나! 싶었습니다. 그러나 The Linux on DeX app will still be ava..

Ramda.js를 이용한 함수형 프로그래밍 수련 예전에 면접보러 다니면서 했던 개발 테스트 중 함수형 프로그래밍으로 풀어낼 수 있는 과제가 있어 다시 풀어보고자 합니다. JSON 파일은 여기 를 참조하면 되겠습니다. 1. 각 유저별로 전체 이벤트 갯수를 구하기 - TotalEvent는 모든 이벤트 숫자를 더한 값 결과는 아래와 같이 나오면 됩니다. [ { login: "rafaelfranca", events: { TotalEvent: 19 } }, { login: "HeshamAbdalla", events: { TotalEvent: 10 } } ] 현재 json 배열 내의 값은 아래의 형태를 지닙니다. { "id": "8594176318", "type": "IssueCommentEvent", "actor..

챌린저스를 이용한 습관 성형하기 자기계발을 하며 가장 어려운 일이 '마음먹기'인 것 같습니다. 사람은 게을러서 자신이 익숙한 것에서 벗어나고자 하지 않기 마련이죠. 마치 관성의 법칙처럼 말이에요. 습관을 만드는 데는 외부로부터 어떤 자극이 필요한데, 뜻을 같이하는 사람들끼리 모여서 서로 푸시를 해주는 것이 가장 좋은 일 같습니다. 😀 챌린저스는 우리에게 습관을 만들어주는 데 도움을 주는 앱이에요. 예를 들어 A,B,C 세 사람이 아침 7시에 일어나기 챌린지를 도전한다고 해요. 세 명은 각자 1~3만원 사이의 돈을 걸고 2주간 도전을 하게 됩니다. 도전자들은 2주간 아침 7시에 일어나 인증샷을 찍어서 챌린저스에 포스팅을 해야 합니다. 2주를 마친 후 A는 100% 성공을 하고, B와 C가 5..

First look of Svelte App Environmental Settings on VS Code 일단 VS Code Extension에서 svelte로 검색해서 뜨는 상위 세개를 깔아주었다. 우선 내가 설치한 익스텐션은 Svelte, Svelte Intellisense, Svelte 3 Snippets 이렇게 세 개이다. Install the Svelte npx degit sveltejs/template my-svelte-project cd my-svelte-project npm i 위 명령어를 이용해서 svelte를 설치한다. 설치가 완료되는데는 그렇게 길게 걸리지 않는다. . ├── node_modules ├── README.md ├── package-lock.json ├── package...

굿모닝팝스를 시작하다 New year's resolution 누구나 다 하는 새해 결심으로, 영어공부를 꼽을 수 있겠다. 예전부터 해보고 싶었던 영어 공부용 월간지였는데, 이렇게 시작할 수 있게 되어 기쁘게 생각한다. 많은 선택지가 있는데 왜 굿모닝 팝스로 시작을 하는가? 물으신다면 개인적으로는 학원을 다니기에는 좀 부담스러운 상황이고, 체력적으로나 시간적으로 부담을 느끼지 않는 선에서 공부를 시작하고자 했다. 그래서 너무 무거운 내용보다는 가벼운 내용으로 꾸준하게 할 수 있는 무언가를 찾고 싶었다. GMP Magazine First impressions 굿모닝팝스 구매를 금요일 (3일) 에 해서 금요일 것 부터 청취를 하기 시작했는데, 책에서 아무리 찾아도 "3일" 이 표시된 페이지가 없어서 헷..

인프런의 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..