분류 전체보기
-
2021을 마무리하며.Web Dev/12. 시작과마무리 2021. 12. 26. 00:36
올해 초에 신년계획으로 3가지 목표를 세웠다. 내가 얼마나 이뤘는지 한번 회고를 해보려고 한다. JavaScript 잘 알게 되기 확실히 이건 이뤘다. Modern JavaScript Deep Dive책도 보고 완전 프론트개발자로 일도 시작하게 되면서 브라우저의 특성 등에 대해서 더 이해가 깊어지지 않았나 싶다. 그리고 가장 좋은 점은 이전에는 JavaScript가 C나 C++에 비해서 너무 무근본인거같아서 좀 당혹스러웠지만 프로토타이핑을 계속하다보니까 대충 설계되어있는 언어의 장점도 있다는것과 왜 Typescript등 타이핑 시스템이 필요한지 느낄수 있었다. 밥벌이 하기 이부분도 생각보다 많이 이루었다. 이번해는 처음으로 플러터 프로토타이핑을 해주는 외주도 경험했고, 프론트엔드 전업으로 일도 해보니 전..
-
Didact 키 구현 제대로 참교육 당했다. 키를 잘쓰자Web Dev/3. React 관련 2021. 11. 11. 00:14
https://codesandbox.io/s/didact-8-forked-rguiq?file=/src/index.js didact-8 (forked) - CodeSandbox didact-8 (forked) by hayoung0Lee using react, react-dom, react-scripts codesandbox.io 리액트 구조를 파헤쳐 본답시고 didact글을 열심히 보고 있다. 키 최적화가 어떻게 구성될까 싶어서 대충 내머리를 굴려서 해봤는데, 개박살이 난다. 키를 다 넣어주면 되지만, 넣었다 안넣었다 난리를 치면 박살이 나는데, react도 키를 중구난방으로 넣으면 예기치 못하게 동작한다더니, 나도 그렇다. 이제 키를잘써야겠다. https://pomb.us/build-your-own-re..
-
zsh 알아보기 + Terminal, console, shell, kernal 정리하기Web Dev/8. 메모 2021. 9. 18. 00:52
Terminal, console, shell, kernal 정리하기 우선 zsh을 알아보기 전에 Terminal, console, shell, kernal의 차이를 한번 잠깐 리프레시하고 가는 글을 읽었다. 요약하자면, linux든, mac os든 terminal이 있다. 그걸 키고 우리가 명령어를 뚝딱뚝딱 치는건데, terminal 자체가 우리가 치는 명령을 process 하는 것은 아니고 얘는 그냥 commands를 받고 결과물을 스크린에 보여주는 역할을 하고 있다(윈도우에서는 console이라고 부름). 그리고 실제로 처리는 shell에 맡긴다. shell은 commands를 해석하고, syntax확인이나 제대로 써진건지 그런걸 확인한다. 다 괜찮으면 kernel이 이해할 수 있는 형태로 변경해서 ..
-
Shadow-cljs란Web Dev/9. Clojure 2021. 9. 7. 00:16
https://code.thheller.com/blog/shadow-cljs/2019/03/01/what-shadow-cljs-is-and-isnt.html What shadow-cljs is and isn't I’ll try to properly describe what shadow-cljs actually is since there seem to be a few common misconceptions that keep coming up that are simply incorrect. This is not actually an introduction for shadow-cljs, rather a definition of why it is different code.thheller.com Shadow-c..
-
두달간 Clojure/ClojureScript를 써본 후기Web Dev/9. Clojure 2021. 9. 6. 23:43
Clojure/ClojureScript를 쓰는 회사에 와서 함수형프로그래밍을 본격적으로 해보게 되었는데, 두달간 사용해본 후기를 정리를 잠깐 해보려고 한다. ClojureScript란 (defn func-example [data value] (assoc data [path1 path2] value)) 대충 뭐 이렇게 생겨가지고, 괄호 괄호로 생겼고, data가 js로 쳤을때 {:path1 : {:path2 value}} 이렇게 생긴 데이터가 있을때, value의 값을 업데이트 할 수 있는 함수이다. 저렇게 생겨먹은 식으로 뭘 처리하는 언어고, clojureScript는 컴파일해서 JavaScript를 뿜는다. 이걸 두달정도 다뤄봤는데, 후기는 아래와 같다. 함수형 프로그래밍을 빡세게 쓴 느낌 https..
-
JavaScript modules, defer, async 메모Web Dev/1. JS 문법 관련 2021. 8. 31. 23:29
JavaScript 생태계는 아무리 봐도 카오스다. - module 소개: https://ko.javascript.info/modules-intro 모듈 소개 ko.javascript.info - defer, async: https://ko.javascript.info/script-async-defer defer, async 스크립트 ko.javascript.info 여러본 본 내용인데도, 역시나 혼란스러워서 자주 아리까리하다. Three.js 쪽 공부를 하는데, module script를 사용해서 오랜만에 위의 문서를 다시 읽었다. 요약 1. defer, async script를 로드하는게 html 파싱을 블락킹한다. 그래서 주로 듣는 해결책은 script 태그를 가장 하단에 포함시키는 것이다. - d..
-
Jump to definition 기능 확장을 위한 vscode extension 개발Web Dev/5. Projects 2021. 8. 1. 17:37
Jump to definition 기능을 보완하는 Vscode extension 개발기 VScode extension을 개발한 이유 medium.com Medium에다가 글을 첨써봤다. 너무 뭔가 본격적인데 같아서 쓸때 달달 떨린다. 원했던 기능은 vscode에서 키워드에 마우스 올렸을때 definition으로 이동하는 기능을 확장하는거였다. css modules을 사용하는데, css-module을 사용하는 부분에서 jump to definition을 했을때, css 파일로 이동하는게 아니라, post-css가 뭔가 처리한 파일에다가 연결을 해줬다. 그래서 매번 css 파일을 열다가 이러다가 장수하긴 글른거같아, vs code extension을 만들어봤다. 생각보다 어려운건 아니었는데, 하는 사람들이 ..