개발
![[Node.js] Node.js + express를 사용한 서버 구성 시작하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdJglDC%2Fbtsslbe1Wfq%2FAY6tvk6WgK5hDLBfKzyd1k%2Fimg.png)
[Node.js] Node.js + express를 사용한 서버 구성 시작하기
Node.js 프로젝트 생성 express를 설치하고 사용하기 앞서 우선 Node.js를 설치하고 Node.js 프로젝트를 생성해야한다. Node.js 사이트에서 운영체제에 맞는 원하는 버전의 Node.js를 다운로드 받을 수 있다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다음으로 프로젝트 대상 폴더에서 터미널에 아래 명령어를 입력하여 package.json 파일을 생성한다. npm init 명령어를 입력하면 다음과 같은 기본적인 설정 정보들을 입력한다 혹은 -y 옵션을 통해 모든 항목을 기본값으로 설치한다. npm init -y 정상적으로 package.json 파일이 생성되었다..
[JavaScript] 콜백 지옥(Callback Hell) 탈출을 위한 코드작성 - promise, async/await
❓ 콜백 함수 (callback function) 콜백(callback) 또는 콜백 함수(callback function)는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. function sum(a, b, callback) { callback(a + b); } sum(2, 5, (result) => { console.log(result); }); 위 코드는 sum이라는 함수의 인자로 정수 a,b 와 콜백 함수를 넘겨 주며 콜백 함수에서는 두 정수 a와 b를 합한 결과인 result를 콘솔로 출력한다. ❓ 콜백 지옥 (callback hell) 콜백 지옥이란 JavaScript에서 비동기 ..
![[Flutter] 첫 번째 토이프로젝트 - 앱개발부터 배포까지 회고](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fvpz72%2Fbtsl3jRzDSa%2FoxKuyNgOGSjjItBrD9lCN1%2Fimg.png)
[Flutter] 첫 번째 토이프로젝트 - 앱개발부터 배포까지 회고
유튜브에 올라온 강의들과 유데미의 강의로 플러터를 공부하면서 기본적이고 핵심적인 내용들을 다 학습하고 나면 간단한 앱을 만들어서 스토어에 게시까지 해보리라 다짐했었다. 그러다가 이번에 어느정도 목표한 부분까지 학습이 끝나게 되어서 토이프로젝트를 진행하게 되었고 스토어에 게시까지 성공하게 되었다. 비록 정말 단순한 앱이지만 플러터 개발의 첫 시작이 되는 이번 토이프로젝트를 기록으로 남기고자 한다. 1. 토이프로젝트의 목표 이번 토이프로젝트로 이루고자 했던 목표는 다음 세 가지였다. 앱 개발부터 배포까지 해보기 이번 토이프로젝트의 가장 큰 목표이다. 우선 간단한 프로젝트로 앱 개발의 전체적인 흐름을 경험함으로써 겪을 수 있는 많은 문제들을 미리 핸들링해보고, 추후에 더욱 복잡한 앱을 만들어 배포하게 될 때 ..
![[Flutter] 어플리케이션 실행 아이콘 변경하기 2 - 플러그인 이용](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcOUt4w%2FbtshqxmmzZe%2F1jREtri6KMNwWFIST6DK9K%2Fimg.png)
[Flutter] 어플리케이션 실행 아이콘 변경하기 2 - 플러그인 이용
[Flutter] 어플리케이션 실행 아이콘 변경하기 플러터로 새로운 프로젝트를 만들고 실행하면 아래와 같은 플러터 아이콘이 기본 어플리케이션 아이콘으로 생성된다. 어플리케이션의 실행 아이콘으로 사용하고자 하는 이미지를 준비하여 다 hyojun.tistory.com 위 글에서 플러그인 없이 앱 실행 아이콘 변경하는 법을 정리하였는데 플러그인을 이용해서 해당 과정을 간단하게 처리하는 방법도 존재한다. flutter_launcher_icons라는 플러그인을 이용하는 것인데 아래의 플러그인 문서를 참고하여 pubspec.yaml 파일에 dependencies를 추가한다. flutter_launcher_icons | Dart Package A package which simplifies the task of up..
![[Flutter] 어플리케이션 실행 아이콘 변경하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlR1t0%2Fbtshih57Ggc%2F8Kp4REkbMis0dBcoeMPL71%2Fimg.png)
[Flutter] 어플리케이션 실행 아이콘 변경하기
플러터로 새로운 프로젝트를 만들고 실행하면 아래와 같은 플러터 아이콘이 기본 어플리케이션 아이콘으로 생성된다. 어플리케이션의 실행 아이콘으로 사용하고자 하는 이미지를 준비하여 다음 사이트로 이동한다. 이 사이트에서는 각 기기 환경에 맞는 어플리케이션 아이콘을 자동으로 생성해준다. https://www.appicon.co/ App Icon Generator www.appicon.co 사이트에 접속하여 왼쪽에 사용하고자 하는 이미지를 드래그 하고 오른쪽에서 생성하고자 하는 기기 종류를 선택하여 Generate 버튼을 클릭한다. 그러면 압축파일을 하나 다운로드하게 되는데 압축을 해제하면 선택한 환경에 맞게 생성된 아이콘 파일들을 확인할 수 있다. 이제 안드로이드와 ios 각각의 앱 아이콘 경로를 찾아 파일을 ..