Front (4) 썸네일형 리스트형 netlify 배포 에러 netlify로 배포하려고 하는데 계속 안됨. build 명령어를 CI=를 붙여서 해보래서 붙여서 yarn build, npm run build, react-scripts build 별 걸 다 해봤는데 안된다. https://answers.netlify.com/t/enoent-no-such-file-or-directory-open-opt-build-repo-package-json/15732 ENOENT: no such file or directory, open '/opt/build/repo/package.json' Our site builds in development, but fails in production. The error seems to be here: ENOENT: no such file o.. justify-content가 적용이 안될 때 원인: justify-content(메인축 정렬)는 flex item이 여유 공간을 흡수하기 위해 남은 공간이 있는 경우에만 효과가 있다. if your flex items are all inflexible (flex: none or flex: 0 0 auto), and smaller than the container. if your flex items are flexible, BUT can't grow to absorb all the free space, due to a max-width on each of the flexible items. flex의 default 값인 initial은 플렉스 컨테이너의 크기를 넘지 않음. === flex: 0 1 auto와 동일 여기서 이제 justify-conte.. [CSS] html, css, js로 포트폴리오 클론코딩을 해보았다. html과 css에 너무 약하다는 생각이 들어서 오랜만에 유튜브에서 맘에 드는 영상을 찾아 클론 코딩을 해보았다. 다시 해보니까, 요즘 또 마구잡이로 하던 CSS 클래스 네이밍이라던가, 웬만하면 거의 div로 했던 나쁜 습관들을 느낄 수 있었다. 예전에 처음 html, css를 공부하며 할 땐 딱히 구조같은 걸 이해한다기보다는 정말 생각없이 따라쓰는 것이였어서 느끼지 못했었음. BEM을 써보려고 하는데, 일단 기능 먼저 구현!!!! 이게 머릿속에 잡혀있다보니 네이밍의 중요성을 잘 깨닫지 못하고 있었다.... 어쨌든 클론 코딩하면서 느낀 점은 1. CSS 네이밍을 신경쓰자. (BEM?) 2. 반응형 제대로! 3. Mobile First 사실, 여태 뭔가를 만들면서 그냥 당연하게 데스크탑을 우선으로 하고 그.. [CSS] Grid layout 공부 CSS 공부는 대충하고(맨날 flex로 어떻게 하다보면 되긴 됐음) 항상 어찌저찌해서 레이아웃을 만들고 css를 넣고 하는 게 힘들었어서, grid로 레이아웃 짜는 걸 다시 공부해보기로 했다. Pancake Stack See the Pen pancake stack by garosero (@garosero) on CodePen. 이런 걸 팬케이크 스택이라고 하는건 처음 알았다. 전에 비슷한 구조를 만들었던 걸 보니, { display: flex; flex-direction: column; height: 100vh } 이런 식으로 해놨다. 역시 flex를 많이 썼다.가장 큰 가운데 item에는 height 100%로 하고 나머지 두 item에는 그냥 고정값을 준 듯? 저 1fr 단위가 좀 헷갈렸어서 잘 안썼.. 이전 1 다음
