전체 글 썸네일형 리스트형 [DART] flutter_dotenv Package https://pub.dev/packages/flutter_dotenv flutter_dotenv | Flutter Package Easily configure any flutter application with global variables using a `.env` file. pub.dev 앱 전체에서 사용할 수 있는 .env 파일에 세팅을 하고, 런타임 시 세팅을 불러오는 패키지이다. 설치 $ flutter pub add flutter_dotenv 명령어를 입력하면 프로젝트의 pubspec.yaml 파일에 다음과 같은 줄이 추가된다. (암시적으로 flutter pub get 실행) dependencies: flutter_dotenv: ^5.0.2 작성일 22-08-26 의 최신 버전. import .. 더보기 [DART] 기본 문법 익히기 Dart는 자바스크립트와 매우 유사하다. 간단하게 Dart 문법에 대해서 알아보자. void main() { // 실행되는 코드... } 기본적으로 main() {} 내부에서 코드를 작성한다. 1. console 출력하기 void main() { print('Hello world'); } 2. 변수 Variable void main() { var name = '다트 언어'; print(name); } 변수를 var로 선언할 경우 모든 타입의 초깃값을 할당할 수 있다. (string, integer, double, boolean ...) 그래서 var 대신에 String, int, double, bool 등의 정확한 타입을 지정해서 변수를 만드는 걸 권장한다. ⭐ var로 변수 선언 후, 재 할당할 수 있.. 더보기 [알고리즘] K번째수 (프로그래머스 - 자바스크립트 풀이) https://school.programmers.co.kr/learn/courses/30/lessons/42748 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제를 보고 먼저 드는 생각은 역시 반복문 돌리기다. commands [ [2, 5, 3] , [4, 4, 1] , [1, 7, 3] ] 먼저 commands의 각 요소인 배열의 수들을 골라내야 한다. 2 : array의 2번째 수부터 ( array[1] ) 5 : array의 5번째 수까지 배열로 추출하고 오름차순 정렬 후 ( array[4] ) 3 : 정렬된 새로운 배열의 3번째 수를 구하면 .. 더보기 [알고리즘] [1차] 다트 게임 (프로그래머스 - 자바스크립트 풀이) https://school.programmers.co.kr/learn/courses/30/lessons/17682 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 음.. 먼저 점수인 숫자, 한 글자인 알파벳, 스타상인지 아차상인지 특수문자를 나누고, 숫자 알파벳 특수문자 1S / 2D* / 3T 그 조합을 한 세트로 3개를 분리해야 한다. 정규 표현식을 사용하기로 했다. const reg = /[\d]+[SDT][*#]?/g; // 역슬래쉬가 원화기호로 나오네.. 문자 클래스 [ ] 를 사용해서 숫자, 알파벳, 특수문자를 나눴다. [\d]+ [\d] 문자 .. 더보기 [REACT] CRA에서 이미지 사용하는 법 https://create-react-app.dev/docs/adding-images-fonts-and-files/ Adding Images, Fonts, and Files | Create React App With webpack, using static assets like images and fonts works similarly to CSS. create-react-app.dev 프로젝트 중 src/images/ 안에 있는 이미지를 사용하려는데 이미지가 불러지지 않는다. 원래는 mainBackground 폴더 안에 있는 css 파일에서 백그라운드 이미지 속성을 사용해 이미지를 잘 사용하고 있었다. 상대 경로를 사용하여 이미지 파일을 잘 불러와서 사용했는데, 같은 경로를 사용하여 태그의 src에 넣으.. 더보기 [REACT] 컴포넌트 체계적으로 설계하기 https://ko.reactjs.org/docs/thinking-in-react.html React로 사고하기 – React A JavaScript library for building user interfaces ko.reactjs.org 읽기 힘들어도 공식문서 열심히 읽자 더보기 [TYPE SCRIPT] TS + OOP 연습하기 타입 스크립트 + 객체 지향 프로그래밍 강의를 복습하면서 고양이를 한 번 만들어 봤다. // 고양이 만들기 // 성별 type Gender = "male" | "female"; // 감정 상태 type Emotion = "happy" | "hungry" | "full" | "tired" | "angry"; class Cat { name: string; age: number; gender: Gender; emotion: Emotion; constructor(name: string, age: number, gender: Gender, emotion: 'happy') { this.name = name; this.age = age; this.gender = gender; this.emotion = emotion.. 더보기 NPM NPM Node Package Manager 어플리케이션 . npm 더보기 API란? 간단히 알아보기 API Application Programming Interface 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 먼저 Interface 란 '상호작용을 위해 만들어진 접점'이라고 생각하면 된다. 우리가 컴퓨터를 사용할 때 사용하는 키보드와 마우스도 컴퓨터를 사용하기 위한 일종의 Interface 이다. 배달 앱을 사용해서 음식을 배달시키는 것도 배달 앱이라는 Interface 를 사용하여 음식점과 상호작용하는 것이다. 이처럼 사용자가 사용하는 Interface 를 User Interface. 줄여서 UI 라고 부른다. UI - 사용자가 상호작용하기 위한 접점 API - 어플리케이션에서 상호작용하기 위한 접점 기상청의 Open API .. 더보기 [MySQL] 기본 쿼리문 면접을 보면서 그동안 프론트엔드 언어에만 몰두한 나머지 배웠던 과목이었음에도 잘 생각나지 않았다.😫 그래서 아주 기본적인 부분부터 내용들을 다시 정리해 보고자 글을 작성하게 되었다. 참고 링크 유튜브 영상 - https://www.youtube.com/watch?v=dgpBXNa9vJc&t=834s 학습 사이트 - https://www.yalco.kr/lectures/sql/ MySQL 어려운 프로그래밍 개념들을 쉽게 설명해주는 유튜브 채널 '얄팍한 코딩사전'. 영상에서 다 알려주지 못한 정보들이나 자주 묻는 질문들의 답변들, 예제 코드들을 얄코에서 확인하세요! www.yalco.kr 쿼리문 실습 사이트 - https://www.w3schools.com/mysql/trymysql.asp?filename=.. 더보기 이전 1 2 3 다음
