FE (31) 썸네일형 리스트형 grid-template 이 뭔가 이상할 때 display: grid 및 grid-template-column/rows 를 쓴다는 것은 분명 반응형을 고려했을 것이다. 당연히 px 을 넣지는 않았겠지? 그리고 gap 혹은 grid-gap 속성을 추가했을 것이다 % 를 넣었다면 이 % 는 부모의 영역을 기준으로 하기 때문에 %로 하게 되면 gap 영역은 무시된다. 따라서 꼭 fr 을 쓸 수 있도록 하자. 참고로 fr 은 그 뭔 영어 용어 기억이 안나는데 1fr 2fr 3fr 뭐 이런식으로 있으면 첫번째 영역에 1 / (1 + 2 + 3) 두번째 영역에 2 / (1 + 2 + 3) 세번째 영역에 3 / (1 + 2 + 3) 이렇게 분배해주는 fraction 이다 . fr 이친구는 똘똘하게 gap 까지 고려를 해준다 신기하지 ? vite 환경변수 안 될 때 window.{{ VITE_FOO }} 이렇게 쓰면 안된다 window. 떼고 그냥 {{ VITE_FOO }} 이렇게 써야함 SpaceONE 의 영차영차 Vue 2.7 업그레이드 https://blog.spaceone.megazone.io/upgrade-to-vue-2-7 현대의 SOLID 법칙 (번역) stackoverflowblog 의 "Why SOLID principles are still the foundation for modern software architecture" 를 번역한 글입니다 이 글은 멀티클라우드 관리 플랫폼을 구축하는 SpaceONE 팀의 프론트엔드 파트 스터디 주제로 사용되었습니다. SOLID 원칙이란, 오랜시간을 통해 검증된 품질있는 소프트웨어 제작 원칙입니다. 하지만, [멀티 패러다임 프로그래밍]과 [클라우드 컴퓨팅] 의 세계에서도 통할까요? SOLID가 그 자체 뿐만이 아니라 비유적으로 보았을 때 무엇을 대표하는지 알아보고, 왜 여전히 의미가 있으며, [모던 컴퓨팅]에서 어떻게 적용되는지 예시를 들어가며 설명해드리겠습니다. SOLID 란? SOLID 원칙은 Robert .. GTM (Google Tag Manager) does not working Click Element CSS Selector > .your-class-name, .your-class-name * https://stackoverflow.com/questions/64428812/gtm-click-element-does-not-fire-on-click https://stackoverflow.com/questions/71054214/google-tag-manager-not-picking-up-css-selector map, forEach 에서 async/await 사용하기 충격,공포,실화) map, forEach 등 순회처리 메소드에서는 async await 을 사용하지 못합니다. ㅠㅠ const asdf = someArray.map(async () => {return await someFunction()}); 이거 못 씀! const asdf = someArray.map(() => {return someFunction()}); const qwer = await Promise.allSettled(asdf); 이렇게 써야함 ㅠㅠㅠ ㅠ 의문의 신인 "the vuex master" 개발자 등장 무려 일주일만에 마스터 했다고 논란 .. 업계 화들짝! 그러고 님들 저 훈련소 가여 Next (12+) + twin.macro (tailwindCSS) setting https://velog.io/@you1367/%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95TypescriptNextEmotionTailwindTwin.macroapollo 개발환경 구축[Next+Emotion+Tailwind+Twin.macro] 네트워크엔지니어 주제에 이것저것 해보고 싶은게 많다.백엔드는 NestJS를 사용을 하고있고, 앞으로도 그럴 것 같다. 프론트엔트는 React 경험이 있지만, 개인프로 젝트 목적상 SEO 가 가능해야하여 velog.io 이거 한 다음에 .babelrc 에 "@emotion/babel-preset-css-prop" 추가하기. 고통스러웠다. swc 는 왜 안되는지 모르겠다. ---------------------.. 이전 1 2 3 4 다음
