본문 바로가기

전체 글

(55)
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
eslint-plugin-import 적용하기 보호되어 있는 글입니다.
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); 이렇게 써야함 ㅠㅠㅠ ㅠ
보충역 코로나 육군훈련소 (22年04月) (산업기능요원) 2020년 12월에 편입 후, 2022년 02월에 훈련소 소집통지서를 수령하여 04월 07일 ~ 04월 28일까지 훈련소를 가게 되었습니다. 훈련소 안에서 있었던 후기와 팁에 대해 작성합니다. 팁이나 긴 글 읽어봤자 어차피 들어가면 기억이 안나니까 가볍게 읽으시고 중요한 내용은 볼드체로 작성하니, 볼드체 부분은 적어가시는 것을 추천드립니다. 저도 다른분들 후기 대충 읽고 갔다가 후회하는 중임 또한 작성 내용은 부대바이부대 기수바이기수로 다르며 (26연대, 22年04月 기준), 지극히 개인적인 의견임을 밝힙니다. 아래는 타임라인을 나열한 것이고, 바쁘신 분들께서는 페이지 최하단의 TIP과 세줄요약 읽으시면 될 것 같습니다. 일기같은 기록물은 없고 기억에 의존한 뇌피셜입니다. 입영 전 1. 준비물 1-1. ..