본문 바로가기

Category

 (356)
위쪽으로 올라오는 border-bottom 가끔씩 border-bottom 라인이 밑으로 되어있어서 짜증날때가 있다. 그럴땐 shadow로 처리를 하면 된다. box-shadow: inset 0px -1px 0px 0px #ffe142; 이해 하고 싶으면 https://www.cssmatic.com/box-shadow Box Shadow CSS Generator | CSSmatic CSSmatic is a non-profit project, made by developers for developers Are you a web developer? Would you like to collaborate on CSSMatic? www.cssmatic.com 쉐도우 자동생성기를 만지작 거리면 이해할 수 있다.
next styles 방식에 대한 고찰 https://nextjs.org/docs/app/building-your-application/styling Building Your Application: Styling | Next.js Learn the different ways you can style your Next.js application. nextjs.org tailwind -> scss -> css module -> css 걍 글로벌로 css 쓰기로 결론 땅땅땅. 우리 조직 큐모 크지로 않는데 억지로 복잡도를 만들 필요는 없음 스타일 만지는 개발자 3명이상 이면 새로운 방식으로 변경해도 된다고 생각함. 아직은 아님. 그리고 module 로 한것도 진짜 많이 내려둔것데.. 라이브러리 써서 뚝딱뚝딱 만들려니깐 잘 안되네
개발자는 어디까지QA 를 해야할까? https://medium.com/@kth5604/%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%8A%94-qa%EB%A5%BC-%EC%96%B4%EB%8A%90%EC%A0%95%EB%8F%84-%EA%B9%8C%EC%A7%80-%ED%95%B4%EC%95%BC%ED%95%98%EB%82%98-ae10e94ed296 개발자는 QA를 어느정도 까지 해야하나? 요약 medium.com 내 생각: - 초기 프로덕트 런칭 과정 개발자랑 , 걍 개발자랑 구분해야함 - 개발팀 꽤 있고 qa 팀있고 이런 개발자는 걍 논할 대상도 아님 초기팀에서 초기 프로덕트 런칭 과정에 있는 개발자라면, 도대체 QA를 어느정도 까지 해야하나? 바로결론: 개발자 실력에 따라 케이스 바이 케이스 개발실력 별로 없으면 기능개발만..
Css vs scss vs tailwind vs 어쩌구 걍 css 만 열심히 공부하면 다른건 다 됨 그리고 css도 매번 업데이트가 되고 이ㅏㅣㅅ음 scss 가 변수? css 도됨 scss 가 Nested ? css 도됨 https://velog.io/@my_suwan/CSS-CSS-Nesting [CSS] CSS Nesting CSS 중첩규칙 velog.io css 도 매번 업데이트가 되고 있음 물론 업데이트 된다고 실무에 사용하면 안되겠지만, 그래도 근본이다. css 근본 공부를 열심히 해야한다. 난 최근에 next 프레임워크에 module.css 로 작업하는데 아무런 부족함 없다 --- css 업데이트 참고 https://hyoni-k.tistory.com/179 CSS의 새로운 기능 (2022 구글 I/O 주요 기능) 2022 구글 I/O 개발자 컨퍼..
서비스 랜딩페이지 만들어야해서 Next를 처음써본 과정 - 2 히어로배너에 효과를 줄려고 document 나 localStorag 안되서 UseEffect 적용해봣더니.. 에러메세지가..! It only works in a Client Component..? 잉? 그렇다 나는 Server Component를 작업하고 있는 것을 까먹고 있었다. 생각을 해보자. 클라이언트는 브라우져 렌더링을 컨트롤 하는 거고 , Next는 옛날 JSP 같이 서버에서 렌더링해서 그냥 데이터를 쏴주는 거다. 그니깐 상태관리를 못하징 .. 그리고 localStorage나 Document를 사용할 수 없다. [렌더링 정리] 그래픽 마스터로써로 잊고 있었던 Client & Server side rendering 을 정리해보겠다. 렌더링이란 컴퓨터그래픽스에서 공부했던 연산(Compute)과 어떤..
서비스 랜딩페이지 만들어야해서 Next를 처음써본 과정 - 1 일단 그냥 css 쓰는거니깐 .. --> page.module.css 라고 되어있는데 뭐 따로 임포트할 것은 없다. 그러고보니 그동안 scss 를 쓰면서 nested 장점이 있다고 생각했는데.. 그냥 css 나 잘하자. 프로덕트의 종속성은 최소화해야겠다. globals css 있던거에 다 지우고 normalize.css 넣어놈 기존 css 소스를 보니 그냥 css 에서도 변수 잘만 사용한다 https://inpa.tistory.com/entry/CSS-%F0%9F%93%9A-CSS%EC%9A%A9-%EB%B3%80%EC%88%98-variable-%EC%A0%95%EB%A6%AC 🎨 CSS 변수(--variable) 사용법 & 응용 정리 CSS 변수 기능 복잡한 웹사이트 같은 경우 엄청난 양의 CSS를 ..
서비스 랜딩페이지 만들어야해서 Next를 처음써본 과정 - 0 리액트만 써서 만들다가 호기심+사람들이 SEO통해 검색해서 들어와야하니 넥스트 써봄 node version 18.17 or later 여서 확인 결과 v20.1.0 임 https://nextjs.org/docs/getting-started/installation Getting Started: Installation | Next.js Create a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file. nextjs.org 공식문서 기반해서 이 글을 작성한다 최신 버전 CNA 하니깐 넥스트 14.0.3 버전이라고 함 (지난달 업데이트네.. 실전에는 안써야..
[Flutter] padding, sizebox, if-else https://www.tutorialkart.com/flutter/flutter-container-padding/#gsc.tab=0 How to set Padding for Container Widget in Flutter? - TutorialKart To set padding for Container widget in Flutter, set padding property wit the required EdgeInsets value. Via EdgeInsets class object, we can set padding for www.tutorialkart.com https://stackoverflow.com/questions/52774921/space-between-columns-children-in-f..

티스토리툴바