programing(35)
-
[Node.js] - npm install, 이제는 알고 쓰자
여러 강좌나 개발 문서를 따라가다 보면 npm install 에 --save-dev 나 -g 등 여러 접미어가 붙은 것을 확인할 수 있는데요, 이것들은 무엇이고 어떤 역할을 하는지 알아보겠습니다. 1. npm install 과 패키지 먼저 간단하게 npm install 의 동작을 둘로 나누면 다음과 같습니다. 패키지명을 명시해 특정 패키지를 설치하는 동작 패키지명을 명시하지 않고 package.json 파일의 의존성을 설치하는 동작 예를 들어 $ npm install express 를 실행하면 express 모듈이 설치될 것이고, $ npm install 을 실행하면 package.json 에 포함된 의존성 패키지들이 일괄적으로 설치됩니다. 2. 특정 패키지를 설치할 때 특정 패키지를 설치할 때는 크게 ..
2022.11.21 -
[flutter]Dart 생성자 여러가지 사용법
일단 플러터를 시작한다고 하긴 했는데, dart라는 언어는 써본적도 없고 막막합니다~ 그러나 우리에겐 구글님이 있죠 ㅎㅎ 최대한 플러터 공식홈페이지를 활용 하려고 하긴 합니다만 영어울렁증 때문에 간단한건 한글로 구글링을 하게 되네요.. 여튼! Dart 생성자에 여러가지 사용법을 알아볼게요! 기본적으로 인자를 받아서 클래스내에 선언된 변수에 저장해주는 생성자로 예를 들어볼게요 첫번째, 기본형 class Fish { String? name; String? state; Fish(String? name, String? state) { this.name = name; this.state = state; } } 이렇게, 사용하면 Fish('금붕어', '건강') 이런식으로 매개변수를 순차적으로 입력하여 사용해야합니다..
2022.08.12 -
[Flutter] Widget에 관하여
안녕하세요 flutter를 올린지 몇 개월이 지나서야 다시 올리네요.. 저번에는 책을 구매해서 따라해보려고 했는데 실패.. 아니 ... 방법을 바꿨습니다. 책은 현재 나온 3.0버전과 내용이 많이 다르고 보다보면 심지어 개념도 헷갈리기도 해서 영어 울렁증을 마다하고서라도 flutter 홈페이지에서 제공하는 영상과 문서들을 보고 앱을 만들어보는게 낫지 않을까~~ 라는 생각을 하게 되었네요..ㅎㅎ 구매한 책은.. flutter가 좀 익숙해진 뒤에 대충 훓터볼 예정입니다. 그럼 그 때 아~~ 이게 이거 였네~ 하면서 넘길 수 있습니다. C와 자바도 그러한 경험이 있었습니다 ㅎㅎ 우선 알아 볼 내용은, 1. Flutter가 무엇인지 2. Widget의 조합 및 구성이 어떻게 이루어 지는지 3. 실제 코드 입니다..
2022.08.10 -
[App]앱 처음부터 런칭까지 (A to Z)
개인적인 사이드 프로젝트로 앱을 만드려고 생각한건 어언 4년전.... 저는 항상 생각만 하고 실천을 못하고 있습니다.. ㅜㅜ이번 기회에 블로그도 자주 올리면서 사이드 프로젝트를 진짜 진행해보려고 합니다. 요즘 flutter에 관심이 가는 중이기도 하고, 프리랜서 다운 프리랜서가 되기 위한 준비를 조금씩 해야 할 것 같습니다. 그럼 앱을 만드는 과정을 알아보도록 합시다! 제가 PM을 해본적도 없고, 대규모 앱을 만드려고 하는건 아니기에 우선 간단하게 시작해볼게요..ㅎ 1. 아이디어 -who: 타겟 사용자는 누구인가? -what: 사용자의 니즈는 무엇인가? -how: 니즈를 어떻게 제공 할 것인가? -goal: 앱의 최종 목적은? 2. 시나리오 및 기능 위의 아이디어를 바탕으로 사용자가 다운로드부터 사용자가..
2022.08.05 -
[flutter] 01. Hello world - 3
안녕하세요 이번에는 결과화면부터 띄워볼게요! 이런 결과 화면을 만들어볼겁니다. 일단 화면을 만들기전에 화면에 박스를 그려놓고 시작하는게 개발하기 편해요! 대충 이런식으로~ 저번엔 MyApp클래스를 만들고 바로 Center라는 위젯을 return 해주면서 Hello world를 출력했었는데 이번엔 MaterialApp위젯으로 return을 해볼게요 일단 가장 바깥쪽 영역을 Scaffold위젯으로 나눠봤습니다. 각각의 속성은 appBar, body, bottomNavigationBar 위젯을 작성하고 그안에서 Ctrl + space 를 하면 자동완성이 나오는 활용하면 좋습니다. appBar: AppBar( title: Text('Hello World Travel App'), backgroundColor: C..
2022.01.18 -
[flutter] 01. Hello world - 2
안녕하세요 저번 게시물에서 간지나게? 커맨트창에서 타다닥 해서 화면하나 띄웠죠? ㅎㅎ 이번엔 안드로이드 스튜디오 툴에서 직접 코딩해서 띄워봅시다~ 일단, File > Open클릭하고 커맨드에서 flutter create hello_world 했던 프로젝트를 열어주세요~ 그럼 프로젝트가 불러와집니다. 바로 lib > main.dart를 열어주세요.(일단 무지성..) 기본으로 작성된 코드들은 쿨하게 삭제~ 전 책이 시키는대로 잘합니다 ㅎㅎ 찝찝하시면 어디 복사해놓으세요~ 그리고 아래 코드를 작성해줍니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @over..
2022.01.13