JavaScript 주요 포인트 #6 내장 객체 - Set 객체 Set 객체는 주로 중복값을 제거하기 위한 용도로 사용한다. 중복값 제거 1(오브젝트 이용) // 중복값 제거 1(오브젝트 이용) 위 코드는 오브젝트가 중복된 키를 가질 수 없다는 점을 이용해 중복값을 제거한 경우이다. if문을 사용하는 것 보다는 좋으나 set과 비교해 성능면에서 좋지 못한 코드이다. Set 객체가 없었을때 주로 사용하던 방식이다. 중복값 제거 2(Set 객체 이용) // 중복값 제거 2(Set 객체 이용) Set은 배열 처럼 데이터의 집합이지만 순서가 없고, 유일한 값을 가진다. Set 객체의 has, delete, clear 함수 // Set 객체의 has, delete, clear 함수 내장 객체 - Map 객체 Ma..

JavaScript 주요 포인트 #5 내장 객체 - Date 객체 자바스크립트에서 날짜와 시간을 다루는 객체이다. Date 생성자 / get 함수 / set 함수 시스템 시간은 개인 PC에서 조작 가능하다. 이는 심각한 문제가 될 수 있다. 따라서 실무에서는 서버에서 날짜 데이터를 가져오는 방식을 사용한다. 실무에서 get 함수는 많이 사용하나 set 함수는 쓸 일이 거의 없었다고 한다. 날짜 계산 함수 코드 오늘 날짜 기준으로 이전 날짜를 구하는 코드이다. 실무에서 많이 사용되는 코드이며, 이 코드를 복사해서 쓰면된다. 윤년도 고려하여 계산된다. 실무에서 날짜 조회 기능의 from ~ to에서 to는 기본적으로 오늘 날짜로 기본값 세팅한다. from의 경우는 담당자의 요구에 따라 일주일, 한 달 전 등..

"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북"으로 플러터 공부를 하고 있다. 이번 챕터에서는 size.dart 파일에 값을 지정하여 활용, 외부 라이브러리 SvgPicture 설치 및 사용, Theme 적용한 TextButton, Navigator로 화면 이동, 그리고 ListView와 TextFormField 위젯을 중요하게 다뤘다. 책에서는 ListView 위젯을 사용해 화면 overflow 문제를 해결하였는데, 아래 코드에서는 SingleChildScrollView 위젯을 적용하였다. 그리고 배경 터치 시 키보드를 사라지게 하는 기능을 추가하였다. 기존에는 키보드 숨기기 버튼으로만 사라지게 할 수 있었다. GestureDetector 위젯을 사용하였는..

JavaScript 주요 포인트 #4 내장 객체 - Array 객체 Array 객체는 실무에서 많이 사용하는 매우 중요한 객체이다. join join은 배열의 문자열을 하나의 문자열로 결합하는 기능으로서 실무에서 많이 사용한다. 아래의 코드는 좀 더 구체적인 예이다. 조회 음료 가격 많은 데이터를 다룰 때는 배열에 push한 후 join 함수를 이용해 문자열로 결합니다. 결합되는 양이 적을 때는 +=을 이용한 문자열 결합이 빠르지만, DB에서 데이터를 불러오는 경우라면 상황이 달라진다. 몇천에서 몇만 건이 넘어가는 데이터는 배열을 이용하는 것이 성능면에서 훨씬 유리하다. [그림 1]은 위 코드의 실행 결과이다. 조회 버튼을 누르면 데이터가 표시된다. pop / shift 실무에서는 shift를 pop 보..

"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북"으로 플러터 공부를 하고 있다. 이번 챕터에서는 Scaffold의 endDrawer 속성과 CircleAvatar, GridView, InkWell, TabBar, TabBarView 위젯 등을 다뤘다. components 폴더 아래에 dart 파일을 만든 후 main.dart에서 import하여 Scaffold의 body 영역에서 사용하는 방식은 앞서 만들었던 앱들과 다른 점이다. InkWell을 이용해 버튼을 만들고, TabBar와 TabBarView를 이용해 Tab을 구현하고, GridView.builder와 Image.network를 이용하여 특정 url주소의 이미지를 동적으로 처리하는 방법을 잘 기억하자..

"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북"으로 플러터 공부를 하고 있다. 이번 챕터에서는 AppBar, AspectRatio, ClipRRect, Column, Container, Icon, ListView 등을 다뤘다. 특별히 [그림 1]과 같이 RecipeListItem을 출력할 때 스마트폰 화면을 넘어가는 overflow 문제 해결 방법을 잘 기억하자! overflow 문제는 recipe_page.dart의 Scaffold 위젯 내 Column 위젯을 ListView 위젯으로 변경하여 해결한다. 그러면 세로 스크롤 기능이 추가되며 overflow 문제가 해결된다. // main.dart import 'package:flutter/material.d..

구정 연휴 직전, 피 말리던 집필이 완료되었다. 이제 개발자의 품격 멘토님께서 취합본을 출판사 비제이퍼블릭에 보내는 작업을 앞두고 있다. 출판사의 편집 작업이 진행되면 즉각적으로 대응해야 하는 일을 남겨두고 있지만 지금 마음은 홀가분하다! 스물여 명의 저자가 모여 작성한 글이다 보니 결 맞추기가 예삿일이 아닐 듯하다. 멘토님의 엄격하지만 유연한 스케줄 관리 덕분에 홀가분한 명절을 보내고 있지만, 한편으로는 취합에 대한 부담으로 명절을 보내셔야 하는 멘토님께 송구한 마음이다! 겁 없이 책 공동집필 프로젝트 신청서를 작성했던 작년 10월의 장면이 종종 떠 오른다. 한참 글을 작성하고 있을 때, 짜낼 글감이 없어 타이핑이 멈췄을 때, 구글링이며 이 책 저 책 살펴봐도 뭔 말인지 모를 때, 그러다가 시계가 새벽..

"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북"으로 플러터 공부를 하고 있다. Dart 기초 문법을 끝내고 첫 번째로 따라 만들어 본 앱은 스토어 앱이다. 기능은 없고 최소한의 모양만 갖추었다. 이번 챕터를 통해 MaterialApp과 CupertinoApp의 용도를 알게 되었고, 위젯 Column, Expanded, Image, Padding, Row, SafeArea, Scaffold, SizedBox, Spacer, Text 등을 다뤄 볼 수 있었다. // main.dart import 'package:flutter/material.dart'; // main 함수에서 runApp 함수를 호출 void main() { runApp(MyApp()); } c..