본문 바로가기

반응형

전체 글

(27)
[DAY1] (DESIGN) 툴은 figma를 사용할거고 어려서부터 예술쪽에는 손도 안댔기 때문에 미적감각이라곤 쥐뿔도 없다 간단한 틀만잡고 세부적인 디자인은 figma의 커뮤니티 기능을 이용해서 공유된걸 찾아서 갖다 붙여버릴것이다 www.figma.com/file/aMlWdbRTneaL6UehNmTsuA/whwtopia_prototype?node-id=0%3A1 Figma Created with Figma www.figma.com prototype은 이렇고... 전체적인 컨셉?은 예쁜거 막 갖다가 붙여야지
wsl2 localhost <=> wsl2 host github.com/parcel-bundler/parcel/issues/4677 HMR is not working with WSL 2, WINDOWS 10 2004 · Issue #4677 · parcel-bundler/parcel 🐛 bug report HMR is not working with parcel and WSL 2. I tried both parcel v1 and v2, results are the same. 🎛 Configuration (.babelrc, package.json, cli command) command: parcel src/index.html I di... github.com 요약 1. 예전 버전 wsl2 기준으로 wsl2 ip localhost 간에 연결 안되는 이슈 있었음..
lit-html 을 사용하려는 이유 vue, react 둘다 엄청 편하고 생산성을 높여주는 것은 분명하다. 하지만 현재 프로젝트를 진행하며 가장 중요하다고 생각하는 것이 spa를 위한 router, state management 등을 사용하며 "라이브러리를 사용하기 위한 라이브러리", "라이브러리를 사용하기 위한 프레임워크" 에서 벗어나는 것이다. 이로인한 장점은 다음과 같을 것이라고 생각한다. 1. 지나치게 고도화된 라이브러리의 프레임워크화 탈출 2. 깊은 수준까지 제어 가능 3. 개발을 위한 lib docs api 탈출 하지만 나는 개발 생산성 또한 중요하게 생각하는 요인중의 하나다. 일단 현재 구상중인 아키텍쳐를 직접 시도해보며 이전 개발구조와 현재 개발구조의 생산성 또한 면밀하게 검토할 것이다. lit-html 같은 경우엔 docs..
[vscode] extension vim namu.wiki/w/%ED%95%B4%ED%94%BC%20%ED%95%B4%ED%82%B9%20%ED%82%A4%EB%B3%B4%EB%93%9C 해피 해킹 키보드 - 나무위키 2019년 12월 10일 HHKB의 새로운 라인업이 발표되었다. 블루투스와 매핑을 지원하는 하이브리드와, 기존의 유선 연결만을 지원하는 클래식으로 나뉜다. 아래는 기존 BT 모델과의 비교표이다. 모델명 namu.wiki 언젠가 살 예정인 무접점 키보드 끝판왕중 하나인 해피해킹이다. 특유의 변태같은 배열때메 망설였는데 회사사람중에 1명이 사용해서 궁금해서 양해를 구하고 타건해봤는데 대박이였다.. (가격도) 저거 사용하려면 vi 커멘드에 익숙해져야겠다는 생각도 들었고 오른쪽손을 이용해서 화살표, home, end 키 누르는것도 코딩하..
parcel 을 사용하려는 이유 12/09 (수) 11: 25 이전 cra, vue-cli는 webpack 기반 이며 심지어 vue는 거기에 한술 더떠서 vue-loader를 붙여가지고 webpack공식문서에서 하라는대로 하면 안될때가 많다. 결국 프론트엔드 개발할때 다음과 같은 것들이 표준아닌 표준이 되었는데 1. hot module replace ( webpack에서 이거 설정하다가 속만 태웠다... ) 2. dev, prod, local 분리 (환경변수) 3. 에셋 컨트롤 4. 그외 ( vue, react, sass?, typescript?, xx-router, xx-store... ) 붙여주기 물론 각각의 xx-router, xx-store등은 알아서 붙여야 하지만 그외 1, 2, 3은 webpack보다 훨신 쉽다. plugin..
docker를 사용하려는 이유 mac os에서 작성되있던 serverless 기반의 아키텍처에 백엔드 코드를 추가해줘야될 일이 좀 있었다. 당시 사용하던 os는 window wsl2에다 ubuntu로 끌어와서 작성되어 있던 readme를 찬찬히 읽으며 세팅을 했따 환경이 달라서 문제점들이 있었따. 작게는 window wsl2에서와 mac os에서의 basch script를 사용할때 줄바꿈 처리인 \n를 window wsl2에서는 \n\d이었나 어쨌든 줄바꿈 문자가 달라서 실행이 안된다. 크게는 테스트 모드가 따로 없다보니까 api요청 header에서 ip를 로컬 아이피로 인식해서 로컬 환경에서 테스트 불가능 한다던지... 그때는 시간이 급박해서 울며 겨자먹기로 auth처리하는부분을 주석처리하거나 로컬에다가 nginx로 proxy처리해..
마이크로 프론트엔드 아키텍처 micro-frontends.org/ Micro Frontends - extending the microservice idea to frontend development Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks. micro-frontends.org custom dom v1 api는 유용하게 사용할수 있을거 같긴한데 vue, react, angular등의 프레임워크 구애없이 사용하는 프로젝트를 만드는것은 bundler를 하나하나 설정해주는것이 아닌한 불가능할거같다는 생각이 들기도 한다.
Prologue 안녕하세요 백수된지 3일차 (전)프론트엔드 개발자입니다. ^^ 1년 7개월가량 퍼블리싱만 만지작 거리다가 처음으로 프론트엔드 개발자로 채용되서 약 4개월정도 일하면서 느낀것도 많고 배운것도 많아서 혼자 프론트엔드 백엔드 둘다 해볼려고 합니다 ^^ 컨셉 1. notion - 노션을 써보니까 신세계였다 아주 좋았다 글쓰는데 마우스가 그이 필요없드라... 이런 텍스트 에디터 1개쯤 만들어봐야지 2. micro-frontends.org/ 3. docker! docker! docker!!!! 4. 크스텀 엘리먼트 - react, vue? 다 나가있어 아 svelte는 한번 봐볼예정 5. 내가 쓰고싶은거 쓸거양 뭐하는 사이트? 그냥 커뮤니티 하는 사이트 입네다^^

반응형