분류 전체보기 (619) 썸네일형 리스트형 오프라인에서 폰트를 이용하는 방법 feat nodejs + fontsource.org 나같이 폐쇄망에서 일하는 사람은 퍼블링망이 연결되어 있지 않아, 웹링크로 폰트를 가져올 수 없다. 이럴때는 node 를 이용해 패키지로 설치해서 쓰면 좋다! 일단 fontsource.org 사이트에서 필요한 폰트를 찾는다. 해당 폰트 화면에서 install 탭을 누른다. 가이드가 나와있는데로 설치/링크설정/이용! 을 한다. //설치 npm install @fontsource/material-icons //index.css 에 추가 링크 import '@fontsource/material-icons'; //이용 home 이제 폐쇄망에서도 이쁜 아이콘과 폰트를 쓰자!! [TS] 타입스크립트 설치, Vscode 셋팅 방법 1. 타입스크립트 설치하기 npm i -g typescript ts-node 2. 설치 확인 tsc -v ts-node -v 3. 유용한 vscode 플러그인 Prettier Tailwind CSS Headwind PostCSS Language SUpport 4. ts 실행하기 샘플파일! index.ts console.log("Hello World!"); ts-node index.ts 실행! 5. 프리티어 정리 샘플파일 더블쿼트 -> 싱글쿼트 변경 세미콜론 -> 제거 .prettierrc.js module.exports = { bracketSpacing: false, jsxBracketSameLine: true, singleQuote: true, trailingComma: 'none', arrowPare.. [NodeJS] 윈도우에서 Scoop 를 이용한 nodejs 설치 1. 일반 파워쉘을 실행 2. 다음 명령어를 차례대로 실행(Scoop 설치) $env:SCOOP='C:\Scoop' [Environment]::SetEnvironmentVariable('Scoop',$env:SCOOP, 'User') Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -scope CurrentUser # 질문창이 나오면 A 모두 Yes 선택.. 난 안나옴 iwr -useb get.scoop.sh | iex # scoop 설치! 3. scoop 를 이용한 git aria2 설치 scoop install git aria2 4. scoop를 이용한 nodejs 설치 scoop install nodejs-lts # 현재버전 : 18.16.0 5. scoop.. [Flutter] 외부 image 리소스 추가하고 보여주기 준비물 : 보여줄 이미지 파일 하나! ( png 파일만 됩니다.. jpg 안됨... ) 따로 귀찮으신분은 우리집 강아지 파일을 샘플로 쓰면됨! 1. 신규 프로젝트 생성 프로젝트명 : sample_image_display //플러터는 프로젝트에 대문자 못씀 나머지는 굳이 똑같이 안해도 됨.. 2. 외부이미지 추가 루트 폴더 밑에 assets 라는 폴더를 만든다. ( 폴더명은 임의로 만들어도 됨 ) 거기에 보여줄 이미지 파일을 복사한다. 3. 이미지 폴더 지정 pubspec.yaml 파일을 연다. 주석이 처리되어 있는 이미지 폴더 지정 부분을 찾는다. # assets: # - images/a_dot_burr.jpeg # - images/a_dot_ham.jpeg 주석을 해제 하고, 방금 생성한 폴더를 써준다.. 고급 페이지 구축으로 앱 만들기 - 7. 앱 번역하기 7.1 소개 https://academy.mendix.com/link/modules/187/lectures/1464/7.1-Introduction 모듈 6을 완료하지 못했다면 이 페이지 상단에 있는 프로젝트 패키지(mpk 파일)를 다운로드하여 이 학습을 계속 진행하세요 수고하셨습니다! 앱의 첫 번째 버전이 완성되어 보스턴에 있는 팀에서 테스트를 마쳤습니다. 이제 로테르담에 있는 팀을 위해 네덜란드어로 앱을 출시할 차례입니다! 네, 맞습니다. 앱을 다국어로 만들어야 합니다. 7.2 언어 설정 국제적인 비즈니스 세계에 살고 있는 우리는 전 세계의 사용자와 고객을 상대하게 됩니다. 가능한 한 많은 사람들에게 서비스를 제공하기 위해 여러 언어로 앱을 제공하도록 선택할 수 있습니다. 멘딕스를 사용하면 앱을 쉽게 .. 고급 페이지 구축으로 앱 만들기 - 6. 알림 6.1 소개 https://academy.mendix.com/link/modules/186/lectures/1467/6.1-Introduction 모듈 5를 완료하지 못했다면 이 페이지 상단에 있는 프로젝트 패키지(mpk 파일)를 다운로드하여 이 학습을 계속 진행하세요. 이전 모듈에서는 재무 담당 직원이 다른 직원의 요청을 승인하거나 거부할 수 있도록 했습니다. 하지만 이 시점에서는 두 직원 그룹 모두 앱의 다양한 페이지를 정기적으로 확인하여 업데이트나 새로운 요청이 있는지 확인해야 합니다. 이 모듈에서는 직원들이 직접 확인할 수 있도록 알림 시스템을 구축합니다: 요청의 상태가 변경되었습니다(정규직 직원의 경우). 승인해야 하는 새 요청이 추가되었습니다(재무 직원의 경우). 6.2 기본 사항 구축하기 이.. Flutter 복습 - 기본 템플릿 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return const MaterialApp( home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key, requi.. Flutter 개발환경 구축 ( on Windows11 ) 글을 보니, 약 3년전에 찍먹하고 해보지 않았었던 Flutter 를 최근 다시 시작하였다. 그래서 또 다시~ 시작하는 마음으로 설치를 진행한다. 1. 플러터 sdk 다운로드 https://docs.flutter.dev/get-started/install/windows Windows install How to install on Windows. docs.flutter.dev 현재 3.7.12 적당한 곳에 압축을 해제한다. c:\study\flutter\flutter_sdk 로 했다. 2. path 설정 플러터 sdk 압축해제 한곳을 path 설정해준다. c:\study\flutter\flutter_sdk\bin 3. Android Studio 설치 https://developer.android.com/st.. 이전 1 ··· 4 5 6 7 8 9 10 ··· 78 다음
