반응형 프로그래밍33 [Astro] Astro Blog 서비스 만들기#1 - 환경설정 목차1. node.js 설치2. Vscode 설치(자유)3. 개발 디렉토리 설정 및 프로젝트 시작 *ASTRO 공식문서를 참고하였다. (https://docs.astro.build/ko/install-and-setup/) 1. Node.js 다운받고, 설치하자. 아스트로 공식문서를 보면(https://docs.astro.build/ko/install-and-setup/), 아래와 같이 노드 버전을 지원한다. (노드 설치 url) https://nodejs.org/en/download/package-manager/current 설치 후에는 아래 명령어를 통해 제대로 설치된지 확인node -v2. Code Editor 설치(Vscode)VSCODE 설치한다.다른게 편하면 다른거 써도된다.(젵브뤠인 등)ht.. 2024. 7. 22. [Astro] 아스트로 웹 프레임워크 소개 *한줄요약 : 트랜디하고 간단한 웹 프레임워크Astro는 블로그, 마케팅, 전자상거래 등 콘텐츠 중심 웹사이트를 구축하기 위한 "웹 프레임워크"React, Vue, Svelte 등 다양한 컴포넌트를 지원한다.- 목표 : 모던한 프런트엔드 기술을 사용하면서도 간편하게 정적 웹사이트를 빌드- 특징1. 아일랜드 아키텍처(컨포넌트 중심 아키)2. 멀티 프레임워크(react, vue, svelte 등 다수 지원 + 섞어 쓰기 가능)3. MPA(Multi Page Application)[SPA(Single Page App)는 하나의 페이지에서 이거저거 불러옴]4. 문법(JSX, Vue, Svelte 형식이 혼합된 혼종 / .astro 확장자)*공식 사이트 : https://docs.astro.build/ko/con.. 2024. 7. 22. [flutter개발 #2] button을 만들어보자 d Flutter 2.0으로 버전업되면서 버튼 종류들이 바뀌었다. FlatButton => TextButton OutlineButton => OutlinedButton RaisedButton => ElevatedButton 문법도 기존이랑 바뀌었는데 ElevatedButton를 예시로 들어보겠다. child: Center( child: ElevatedButton( onPressed: () {}, #버튼 클릭 시 동작 style: ElevatedButton.styleFrom( #엘베버튼 스타일 shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)), # 버튼 라운딩처리 foregroundColor: Colors.white, # 글자 색.. 2024. 4. 3. [flutter개발 #1] vscode, flutter 환경 세팅, 프로젝트 생성 ㅇ vscode 환경 설정 - dart 설치, User setting(json)에 하기 설정 추가 "dart.previewFlutterUiGuides": true, "editor.codeActionsOnSave": { "source.fixAll" : true } vscode에서 에뮬레이터 사용 command + shift + p > emulator 입력 > 실행 // 시간이 오래걸린다. 에러 #1 이미지 경로를 못찾음 > 해결함 > 이유모름(이유 : vscode가 ㅂㅅ이거나 Flutter가 qt이거나) [해결한방법] 참고: https://www.youtube.com/watch?v=uEKCFma6BcA 1. assets 폴더 만들고, 이미지 넣음 2. pubspec.yaml에서 아래처럼 등록하고, asse.. 2024. 4. 3. [flutter개발 #0] 환경 설정 환경 : 맥북 순서 1. flutter 공홈 접속, 설치파일 다운로드, 설치 및 환경 변수 설정, flutter dockter 수행(환경 점검) 2. iOS, Android 개발환경 구축 - iOS의 경우 Xcode 를 apple store에서 다운받고 - Android의 경우 Android studio 받으면 됨 https://flutter-ko.dev/get-started/install/macos (플러터 공홈) 접속 후 순서 따라서 설치 ## 중요 flutter config 설정 초기화 방법은 ""를 해주면된다. ex) flutter config --android-studio-dir "" // 안드로이드스튜디오 경로 설정해준거 초기화 iOS 관련 설정 정리 에러메시지#1 Xcode installat.. 2024. 4. 3. html > input > 기본 값 설정(검색/텍스트 입력 시 기본 값(회색글자) 설정하기) 아래 예시 처럼 placeholder 옵션을 주면 된다. 2023. 11. 20. 이전 1 2 3 4 5 6 다음 반응형
