Computer Science/[dev]web (65) 썸네일형 리스트형 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 로 한것도 진짜 많이 내려둔것데.. 라이브러리 써서 뚝딱뚝딱 만들려니깐 잘 안되네 서비스 랜딩페이지 만들어야해서 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.. Low 나 Column 은 백그라운 색상 못채움 Container로 감싼다음에 해야해 https://while1.tistory.com/112 [Flutter] 레이아웃 위젯 백그라운드 색상 채우기 Row나 Column과 같은 위젯에는 백그라운드 색상을 채우기 위한 속성이 존재하지 않는다. 따라서 다음과 같이 위젯을 Container 혹은 ColoredBox로 감싼 뒤 색상을 설정해줄 수 있다. Container(//ColoredBox도 while1.tistory.com Low나 Column과 같은 위젯에는 백그라운드 색상을 채우기 위한 속성이 존재하지 않는다. 출처: https://while1.tistory.com/112 [:티스토리] 그렇다. 그렇다고 한다 flutter 실제 기기(아이폰)에서 테스트하기 Physical device My setting is a M1 macbook air sudo gem install cocoapods sudo gem uninstall ffi && gsudo gem install ffi -- --enable-libffi-alloc when I typed above command. They say upgrade the version of Ruby so I use following link https://codecamper.me/blog/122/ Ruby 버전 업데이트 방법 in MacOS - Blog codecamper.me and Open Xcode Runner.xcworkspace. ios 14 이상 실제 기기 실행에러 ----> Edit Scheme 잡아줌 아이폰 버전도 12.4 맞춰줌 근데도 씨.. [Flutter study]Mon Nov 13 처음 배운거 메모 import 'package:calendar_scheduler/component/main_calendar.dart';// 다른 곳에서 만든것을 import 함 import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { DateTime selectedDate = DateTime.utc( DateTime.now().year, DateTime.now().month, Date.. 이전 1 2 3 4 5 6 ··· 9 다음
