조이 코딩 연구소(Joy Coding Lab.)(수업 및 기타문의 카톡 : jhw2458)

휴. 일단 설치를 완료 했습니다.

파이썬 org에 가셔서 설치를 하시고.. 전 최근 버전으로 하니 오류 나는것들이 있어서 3.7.5로 설치를 하였습니다.

그리고 파이참이라는 툴을 설치 했습니다.

순서대로 하셔야 파이참에서 해당 파이썬을 잡아주는거 같아요.

일단 오늘의 배울 점은.

파이썬은 기존 프로그램 처럼 main이 없다.

이 부분에서 변경을 해서 실행을 시킬 수 있습니다.

아래 그림과 같은 곳에 폴더를 클릭 하시면

내가 원하는 파일이 나올 겁니다.

그리고 나서 아래와 같은 run을 누르시면 실행 됨.

일단 open cv를하기 위해서 파이썬을 하는 것이니..

카메라를 먼저 동작 시켜봐야겠죠?

import cv2

frameWidth = 640
frameHeight = 360

cap = cv2.VideoCapture(0)

while True:
sucess,img = cap.read()
cv2.imshow("Video",img)

if cv2.waitKey(0) & 0xFF == ord('q'):
break

여기서 오류를 범했던건.. waitkey 이게 k가 대문자 K 였다... ㅡㅡ...

실수 하지 맙시다..

오늘은 여기까지...

여러분 안녕하세요.

오늘은 Flutter에서 BuildContext에 대해서 공부하고 가도록 하겠습니다.

BuildContext란 무엇인가??

스캣폴드를 포함하지 않은 Context이다.

"A handle to the location of a widget in the widget tree"

"위젯 tree에서 현재 위젯의 위치를 알 수 있는 정보"

어디에 쓰이는걸까?

우리는 코딩할때마다 이것을 보았다.

모든 위젯은 빌드 메스드를 가지고 있다.

빌드메쓰드로 들어오는 인자 값은 컨텍스트는 타입의 컨텍스트의 인자값을 대입한 스캣폴드 위젯을 리턴한다는 뜻이다.

이 BulidContext는 stateless위젯이나 state빌드 메서드에 의해서 리턴 된 위젯의 부모가 된다.

간단하게라도 정리 했습니다.

오늘은 이만.. 조이코딩연구소 장샘 2021.04.25 오후 11시45분..

여러분 안녕하세요.

조이코딩연구소 장샘 입니다.

어제 리스트뷰에 이어서 스낵바를 만들도록 하겠습니다.

스낵바는 뭘까요? 

음식..먹는게 아니라. 

앱 화면의 아래의 잠시 뜨는 팝업 창 같은거에요.

Flutter2.0으로 오면서 Snackbar 사용하는 방법이 바뀌었으니 잘 보도록 하시죠

자 먼저 리스트 뷰에 리스트 타일을 이용하여 하단 메뉴를 더 구성 하도록 하겠습니다.

각 하단별 메뉴를 추가 하였고, 클릭 하였을때 OnTap으로 효과를 주었습니다.

그리고 다음으로 스낵바를 나오도록 버튼을 추가하고 클릭 해보겠습니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      title: 'Appbar',

      theme: ThemeData(

        primarySwatch: Colors.blue,

      ),

      home: MyPage(),

    );

  }

}

class MyPage extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      // 흰 도화지를 꺼내자.

      appBar: AppBar(

        // App Bar를 만들자

        title: Text('Joy Coidng Lab Menu'), // 앱 바에 글씨를 써준다.

        centerTitle: true, // 가운데로 글씨를 정렬하자.

        elevation: 0.0, //올록이 효과를 없앤다.

        actions: [

          //앱 바에 아이콘 들을 배치하자.

          IconButton(

            // 아이콘 버튼 형태를 만들자.

            icon: Icon(Icons.shopping_cart), //아이콘 쇼핑 카트 아이콘을 넣어보자.

            onPressed: () {

              // 버튼 클릭했을때의 번쩍효과!!

              print('menu button is clicked');

            },

          ), //리딩 속성을 불러 옵니다.

          IconButton(

            icon: Icon(Icons.search),

            onPressed: () {

              print('menu button is clicked');

            },

          ), //리딩 속성을 불러 옵니다.

        ],

      ),

      drawer: Drawer(

        //왼족 햄버거 모양의 메뉴를 만들어보자.

        child: ListView(

          //클릭했을때 리스트 메뉴를 만들자.

          padding: EdgeInsets.zero, //빈공간을 만들지 말자.

          children: [

            UserAccountsDrawerHeader(

              //메뉴 중에 사용자 헤드 메세지 부분을 만들자.

              currentAccountPicture: CircleAvatar(

                // 이미지는 동그랗게 꾸며주고.

                backgroundImage: AssetImage('assets/bonobono.jpg'), //내가 이미지 삽입

                backgroundColor: Colors.white, // 배경은 화이트로~

              ),

              otherAccountsPictures: [

                CircleAvatar(

                  backgroundImage: AssetImage('assets/User.jpg'),

                  backgroundColor: Colors.white,

                ),

                // CircleAvatar(

                //   backgroundImage: AssetImage('assets/bonobono.jpg'),

                //   backgroundColor: Colors.white,

                // ),

              ],

              accountName: Text('JoyCoding'), //사용자 계정에는 이부분을 꼭 써줘야 한다.

              accountEmail:

                  Text('jhwjhw2580@gmail.com'), //사용자 계정에는 이부분을 꼭 써줘야 한다.

              onDetailsPressed: () {

                //리스트 뷰 화면에서 화살표 모양의 오른쪽에 버튼 생성.

                print('arrow is clicked');

              },

              decoration: BoxDecoration(

                //사용자 계정 이미지를 동그랗게 꾸며준다.

                color: Colors.blue[200],

                borderRadius: BorderRadius.only(

                  //사각형 이미지의 아래쪽을 동그랗게 만든다.

                  bottomLeft:

                      Radius.circular(40.0), //40.0은 동그랗게 만들어 주는 상수 값이다. 변경 가능

                  bottomRight:

                      Radius.circular(40.0), //40.0은 동그랗게 만들어 주는 상수 값이다. 변경 가능

                ),

              ),

            ),

            ListTile(

              //왼쪽 끝에 아이콘 배치 하는것.

              leading: Icon(

                Icons.home,

                color: Colors.grey[850], //아이콘의 색을 찐하게 해주는 것.

              ),

              title: Text('Home'),

              onTap: () {

                //onTap은 두번 Touch하거나 쭈욱 눌렀을때 이벤트를 할 수 있는 것.

                print('Home is Clicked');

              },

              trailing: Icon(Icons.add), //오른쪽 끝에 배치하는 것 트레일링.

            ),

            ListTile(

              leading: Icon(

                //왼쪽 끝에 아이콘 배치 하는것.

                Icons.settings,

                color: Colors.grey[850],

              ),

              title: Text('Setting'),

              onTap: () {

                print('Setting is Clicked');

              },

              trailing: Icon(Icons.add), //오른쪽 끝에 배치하는 것 트레일링.

            ),

            ListTile(

              leading: Icon(

                //왼쪽 끝에 아이콘 배치 하는것.

                Icons.question_answer,

                color: Colors.grey[850],

              ),

              title: Text('Q&A'),

              onTap: () {

                print('Question is Clicked');

              },

              trailing: Icon(Icons.add), //오른쪽 끝에 배치하는 것 트레일링.

            ),

          ],

        ),

      ),

      body: Center(

        child: ElevatedButton(

          child: Text('Show Me'),

          onPressed: () {

            ScaffoldMessenger.of(context).showSnackBar(

              const SnackBar(

                content: Text('Flutter2.0 Snack method'),

              ),

            );//<-- 여기가!!! 세미 콜론이야!!!!! 온프레스드!!!!

          },

        ),

      ),

    );

  }

}

자 조금씩 플러터 위젯을 공부하고 있습니다.

서서히 앱의 형태가 나타나기 시작하고 있죠? 이렇게 조금씩이라도 공부해서 하나씩 여러분걸로 만든다면

나중에 완전한 앱을 플러터로 만들 수 있겠죠?

그럼 오늘도 이만.. 조이코딩연구소 장샘 2021.04.24 오후 11시43분...

안녕하세요. 여러분

조이코딩연구소 장샘 입니다.

오늘은 앱 페이지에서 왼쪽 상단 메뉴를 눌렀을 때 내 개인 정보와 항목들이 나오는걸 만들어 볼거에요.

왼쪽 메뉴를 누르면 아래 사진처럼 나오는걸 만들거에요.

자 이제 코딩을 시작해보죠

이 부분은 더 이상 설명이 필요 없겠죠?

실제 리스트 뷰에서 사용자 계정 쪽 이미지와 글씨 등 효과를 주는걸 쉽게 주석 설명을 달아 놨습니다.

실제 코드를 아래에 넣어 드립니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      title: 'Appbar',

      theme: ThemeData(

        primarySwatch: Colors.blue,

      ),

      home: MyPage(),

    );

  }

}

class MyPage extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold(// 흰 도화지를 꺼내자.

      appBar: AppBar(// App Bar를 만들자

        title: Text('Joy Coidng Lab Menu'),// 앱 바에 글씨를 써준다.

        centerTitle: true,// 가운데로 글씨를 정렬하자.

        elevation: 0.0,//올록이 효과를 없앤다.

        actions: [//앱 바에 아이콘 들을 배치하자.

          IconButton(// 아이콘 버튼 형태를 만들자.

            icon: Icon(Icons.shopping_cart),//아이콘 쇼핑 카트 아이콘을 넣어보자.

            onPressed: () {// 버튼 클릭했을때의 번쩍효과!!

              print('menu button is clicked');

            },

          ), //리딩 속성을 불러 옵니다.

          IconButton(

            icon: Icon(Icons.search),

            onPressed: () {

              print('menu button is clicked');

            },

          ), //리딩 속성을 불러 옵니다.

        ],

      ),

      drawer: Drawer(//왼족 햄버거 모양의 메뉴를 만들어보자.

        child: ListView(//클릭했을때 리스트 메뉴를 만들자.

          padding: EdgeInsets.zero,//빈공간을 만들지 말자.

          children: [

            UserAccountsDrawerHeader(//메뉴 중에 사용자 헤드 메세지 부분을 만들자.

              currentAccountPicture: CircleAvatar(// 이미지는 동그랗게 꾸며주고.

                backgroundImage: AssetImage('assets/bonobono.jpg'),//내가 이미지 삽입

                backgroundColor: Colors.white,// 배경은 화이트로~

              ),

              accountName: Text('JoyCoding'),//사용자 계정에는 이부분을 꼭 써줘야 한다.

              accountEmail: Text('jhwjhw2580@gmail.com'),//사용자 계정에는 이부분을 꼭 써줘야 한다.

              onDetailsPressed: () {//리스트 뷰 화면에서 화살표 모양의 오른쪽에 버튼 생성.

                print('arrow is clicked');

              },

              decoration: BoxDecoration(//사용자 계정 이미지를 동그랗게 꾸며준다.

                  color: Colors.blue[200],

                  borderRadius: BorderRadius.only(//사각형 이미지의 아래쪽을 동그랗게 만든다.

                    bottomLeft: Radius.circular(40.0),//40.0은 동그랗게 만들어 주는 상수 값이다. 변경 가능

                    bottomRight: Radius.circular(40.0),//40.0은 동그랗게 만들어 주는 상수 값이다. 변경 가능

                  ),

                ),

            ),

          ],

        ),

      ),

    );

  }

}

자 오늘도 알차게.. 쉬지 않고 달렸습니다.

꾸준함이 여러분을 성공적인 코딩의 세계로 이끌어 줄거라 확신합니다.

저도 그렇기 때문에 하루도 빠지지 않고 작성하도록 하겠습니다.

오늘도 이만.. 2021.04.23 조이코딩연구소 장샘.

여러분 안녕하세요.

조이코딩연구소 장샘 입니다.

오늘은 App Bar에 버튼들을 만들어 보도록 하겠습니다.

각 버튼을 만들고 아이콘 모양도 넣어보고 Touch를 했을 때 번쩍이는 효과까지 넣어 보도록 할게요.

기본적인 home 위젯인 Mypage를 만들어 주고 Scaffold로 도화지를 꺼내봅니다.

Appbar Icon Menu라는 글씨를 AppBar 중앙에다가 배치 시킵니다.

elevation은 띄움효과였죠? 0.0으로 효과를 없애버리고~

leading이라는 아이콘 버튼이나 간단한 위젯을 왼쪽에 배치시키는 위젯을 불러 옵니다.

그리고 icon의 아이콘 메뉴를 넣어주고, 그리고 버튼을 터치로 눌렀을때 번쩍이는효과! onPressed를 호출!

다음은 action 이라는 건데 이것은 다수의 아이콘 버튼을 오른쪽에 배치할때 사용합니다.

메뉴 형식의 아이콘을 넣고 눌렀을때 번쩍이는 효과를 넣어 줍니다.

생각보다 그렇게 복잡하진 않죠? 

짜잔 우리가 자주 봐왔던 앱의 형태가 조금씩 보이기 시작합니다.

우리가 만들어준 아이콘 바로 아래 그림과 같이 만들어 진거에요.

플러터에서 제공하는 아이콘이 많으니 다양한 형태의 아이콘으로 이쁘게 앱을 만들 수 있을거 같습니다.

소스를 첨부하오니 혹시 필요하신 분은 복사해 놓고 바로 공부 하시기 바랍니다.

감사합니다!! 2021.04.22 조이코딩연구소 장샘. 

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      title: 'Appbar',

      theme: ThemeData(primarySwatch: Colors.red),

      home: MyPage(),

    );

  }

}

class MyPage extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text('Appbar Icon Menu'),

        centerTitle: true,

        elevation: 0.0,

        leading: IconButton(

          icon: Icon(Icons.menu),

          onPressed: () {

            print('menu button is clicked');

          },

        ), //리딩속성은 간단한 위젯이나 아이콘들을 왼쪽에 위치해 시킨다.

        actions: [

          //이곳에 한개 이상의 위젯들을 가진다.

          IconButton(

            icon: Icon(Icons.shopping_cart),

            onPressed: () {

              print('search button is clicked');

            },

          )

        ],

      ),

    );

  }

}

여러분 안녕하세요

조이코딩연구소 장샘 입니다.

Flutter2.0을 공부하면서 기본적인 화면 구성 방법과 이미지 넣어보고 정렬까지 해봤습니다.

이제 본격적으로 코딩 공부를 해볼텐데요.

Flutter에서 사용하는 언어 구글에서 만든 Dart 라는 언어 입니다.

언어를 모른다는 가정하에 최대한 쉽게 적어 보도록 하겠습니다.

Dart 언어를 공부 할때 중요한 부분이 바로 Class(클래스)와 Widget(위젯) 입니다.

클래스란 무엇일까요?

뜻 그대로 생각해 보시죠~~

학교?

수업??

사람의 속성 눈,코,입

사람의 기능 : 말하기, 듣기, 걷기, 먹기

자 위의 속성과 기능의 차이를 아시겠습니까?

자 아파트를 클래스로 표현을 해보죠.

아파트의 속성 : 공간, 인테리어, 제품

아파타의 기능 : 주거 목적

저것이 바로 클래스이고 모델하우스에서 한곳의 집만 보여주죠?

그것이 바로 클래스 개념이고 이것들을 마구마구 찍어서 똑같이 만들어 낼수 있는 걸

바로 인스턴스라고 합니다!!!

101호, 102호, 201호, 202호 등등등

객체가 가져야 하는 속성과 기능을 정의한 내용을 담고 있는 역할

프로그래밍 상에서의 객체란

클래스가 정의된 후 메모리상에 할당되었을때 이를 객체라고 함

 
구글에서 Dart를 검색하시면 프로그램을 바로 해볼수가 있습니다.

class Room{

  int size;//멤버 변수

  String funiture;

  int cost;

  Room(int size,String funiture,int cost){//생성자 만들기

    this.size = size;//멤버 변수

    this.funiture = funiture;

    this.cost = cost;

  }

}

int addNumber(int num1, int num2){

  return num1 + num2;

}

main(){

  Room a_101 = new Room(34,'전자렌지',5000000);

  Room a_102 = new Room(23,'에어컨',2500000);

  a_101.size = 10;

  a_101.funiture = '옷장';

  print(a_101.funiture);

  print(a_101.cost);

  print(a_102.cost);

  int a = addNumber(123123,42424);

  print(a);

}

이미지를 추가하기 위하여 일단 왼쪽 종이 모양 아이콘을 누르고

새로운 폴더를 만들어 줍니다.

마우스 오른쪽 버튼을 새로운 폴더 만들기가 있어요

저는 assets라고 폴더를 생성 해봅니다.

폴더를 만드신 뒤 원하는 이미지를 드래그를 하여 assets폴더에 바로 이동 시킵니다. 

그다음에 왼쪽 파일리스트 중 pubspec.yaml 파일로 가봅니다.

그러면 # 주석 처리처럼 활성화가 안되어 있을 겁니다.

이부분을 마우스로 범위를 지정한뒤 ctrl + / 누르면 자동적으로 활성화가 됩니다.

 # assets:
  #   - images/a_dot_burr.jpeg
  #   - images/a_dot_ham.jpeg

아래처럼 변합니다. 뿅!!!

그다음에 내가 실제로 불러온 이미지 이름으로 수정해줘야 합니다.

흠.. png 파일은 오류가 발생하네요...

다시 jpg 파일을 다운받아서 했습니다.

이미지를 각 영역에 넣어주고 효과를 주면.

자 그리고 플러터 앱에서 실행했을 때 플러터 앱 위에 debug 띠를 없애는 방법은

플러터 앱을 실행하면 처음 시작 호출되는 위젯 home이 있는 곳에서

      debugShowCheckedModeBanner: false,

로 해주면 사라진것을 알 수 있다.

자 오늘의 정리 들어 갑니다.

1. 플러터 앱 이미지 넣는 방법 
 1) 폴더를 만들어 준다. jpg파일 형태로.. 다른건 왜 안되는지 모르겠네요.
 2) pubspec.yaml에 가서 이미지를 등록시킬 수 있도록 활성화를 시켜준다. 
    활성화 시켜주는 방법은 마우스로 영역을 설정 후에 Ctrl + / 를 누르면 활성화가 된다.
   예)    assets:
    - assets/123.jpg
    - assets/456.jpg

이후에 Ctrl + s를 눌러서 컴파일해보고 오류가 안뜬다면 정상적으로 등록 완료.

3) 이미지를 동그랗게 불러올 수 있는 플러터의 막강한 위젯 기능

CircleAvatar(서클 아바타!!!)를 활용하고

  backgroundImage: AssetImage('assets/456.jpg')를 이용하여 이미지를 넣어준다.
  radius: 60.0,(이미지의 사이즈를 설정해준다.)

4) 플러터 선을 그리는 위젯( 이미지와 이미지 사이의 선을 만들어 주는 위젯 )

   - Divider 이다.

예)    Divider
       height: 60.0, 
       //Divider의 높이를 말하는게 아니라 위와 아래의 위젯의 거리를 표현하는 것이다. 60이면 위30, 아래로 30이다.

       color: Colors.grey[850],  
      thickness: 0.5, //두께
      endIndent: 30.0, //끝에서 부터 어느정도 떨어질것인지 설정하는 것.
 ),

2. 플러터 아이콘 위젯을 이용하여 구현 하자.

플러터 위젯의 Icon은 다양한 형태의 아이콘 위젯을 제공한다. Ctrl + Space를 누르면 항목들이 나온다. 또는 Ctrl 누르고 마우스를 Icon을 클릭하면 나오니 참고 하도록 하자.

 Icon(Icons.check_circle_outline),

 자 지금까지 3번의 걸쳐서 정적인 앱에서 이미지와 텍스트를 이용하여 하나의 플러터 앱 페이지를 만들어 보았습니다.

우리가 한것은 이렇습니다.

앱 페이지의 상단 AppBar에 색을 넣고 글씨를 넣었고

앱 페이지의 메인 Body에 색을 넣고 이미지를 넣고 정렬하고, 글씨를 넣고 정렬하고, 아이콘 위젯을 이용하여 삽입 정렬.

이것이 다다...

너무 많은 것을 공부하고 많은 코딩을 하였는데 허무 한가..

이게 시작이고 이게 반이라고 생각한다.

다양한 알고리즘을 적용하는건 찾아서 적용하고, 기본적인 레이아웃과 정렬, 이미지, 텍스트, 아이콘을 사용했다라는거에

어느정도 자부심을 가져보도록 하자. 

그러면 이만 조이코딩연구소 장샘 2021.04.20 오후 9시8분...

여러분 안녕 조이코딩연구소 장샘 입니다.

오늘도 공부를 시작해 봅니다. 

오늘 할 내용은 아래와 같습니다.

1. 앱의 상단 부분 App Bar를 꾸며준다.
   1) AppBar의 색을 바꿔 준다.
   2) 가운데로 정렬 한다.
   3) 볼록 튀어나온 효과를 없앤다.

2. 앱의 바디 부분을 꾸며준다.
   1) 앱의 바디의 색을 꾸며 준다.
   2) 끌씨를 넣어주고, 글씨에 대한 효과(굵게, 하얀색, 글씨의 간격)을 적용 해본다.
     - Color를 선택할때 Colors.불라 불라 이름을 넣고 마우스 포인트를 올리면 색을 고를 수 있다. 위아래로 스크롤 가능

   3) 텍스트와 텍스트 사이의 샌드박스를 넣어서 각 텍스트의 간격을 넓힌다.
   4) 가로축 정렬을 해준다.
   

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      title: 'Joy Coding Lab',

      home: Grade(), // Grade라는 위젯을 실행시킨다.

    );

  }

}

class Grade extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text('Joy Coding Lab'),

        backgroundColor: Colors.amber[600], // 색을 표현할때 직접 값을 넣어 줄수도 있다.

        centerTitle: true,

        elevation: 0.0,

      ),

      backgroundColor: Colors.amber[700],

      body: Padding(

        padding: EdgeInsets.fromLTRB(30.0, 40.0, 0.0, 0.0),

        child: Column(

          crossAxisAlignment: CrossAxisAlignment.start, // 가로축 정렬을 하기 위한 위젯이다.

          children: [

            Text(

              'Name',

              style: TextStyle(

                //텍스트의 효과를 줄 수 있따. 마우스포인ㄴ트를 누르면 된다.

                color: Colors.white, //글씨의 색

                letterSpacing: 2.0, //글씨의 간격

              ),

            ),

            SizedBox(

              // 텍스트와 텍스트 사이의 안보이는 박스를 넣어서 간격을 넓혀 주는 것이다.

              height: 10.0,

            ),

            Text(

              'Joy Coding',

              style: TextStyle(

                  color: Colors.white,

                  letterSpacing: 2.0,

                  fontSize: 28.0, // 해당 텍스트의 폰트 사이즈를 변경할때 사용 한다.

                  fontWeight: FontWeight.bold), //해당 텍스트의 굵기를 적용할 때 사용 한다.

            )

          ],

        ),

      ),

    );

  }

}

오늘은 여기까지 조금더 할 수도 있으니...

<Summary>

1. crossAxisAlignment: CrossAxisAlignment.start, // 가로축 정렬을 하기 위한 위젯이다

2.  style: TextStyle(  //텍스트의 효과를 줄 수 있따. 마우스포인트를 누르면 된다.

   color: Colors.white, //글씨의 색

   letterSpacing: 2.0, //글씨의 간격

  fontSize: 28.0, // 해당 텍스트의 폰트 사이즈를 변경할때 사용 한다.

  fontWeight: FontWeight.bold), //해당 텍스트의 굵기를 적용할 때 사용 한다.

         )

3. SizedBox(

              // 텍스트와 텍스트 사이의 안보이는 박스를 넣어서 간격을 넓혀 주는 것이다.

              height: 10.0,

            ),

오늘도 수고 하셨습니다..

반복만이 살길이다. 

조이코딩연구소 장샘 2021.04.20 오후 8시12분

여러분 안녕하세요.

조이코딩연구소 장샘 입니다.

오늘도 플러터 공부 놓치지 않아야 겠죠?

오늘부터 기초 적인 앱을 만들면서 하나씩 플러터에 대하여 학습 하도록 하겠습니다.

플러터 기초를 배워보고, 플러터 정렬, 플러터 캐릭터에 대하여 공부하도록 합니다.

class MyCard extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold( //실제 앱의 하얀색 도화지가 되는 것이다. 도화지를 하나 사왔다고 생각하자.

        appBar: AppBar( //앱의 상단 부분의 바를 만든다.

      title: Text('JoyCodingLab.'), //앱 상단 부분의 바에 Text를 하나 넣는다.

      centerTitle: true, // 앱의 상단 부분의 바의 정렬을 센터로 해준다.

      backgroundColor: Colors.redAccent, //Color의 색을 바꾼다.

      elevation: 0.0, //엘러그레이션 높이라는 뜻이고 앱의 붕떠 있는 느낌의 효과를 나타낸다.

    ));

  }

}

자 여기까지는 잘 따라 오셨나요? 

해당 코드 말고 그 위에있는 코드들은 이전 시간에 코딩을 다 해놨으니 이어서 해주시면 됩니다.

추가적으로 메인 Body에서의 상단, 중간, 하단의 정렬을 표시 한다.

Column을 마우스로 클릭 하면, 왼쪽에 전구 모양이 나타납니다.

전구를 클릭 하면 Wrap with Center가 보이고 클릭 해줍니다. Center 위젯이 Column위젯을 감싸줍니다. 

그러면 Text는 세로로 쓰여졌고, 이것들을 전체가 가운데로 정렬 됨을 알 수 있습니다.

즉, Body에 Center를 하면 전체가 가운데로 일단 정렬을 시키는 것이다. 라고 생각할수 있지만

상위의 Center 위젯과 child의 Column이 만날때는 조금 다릅니다.

mainAxisAlignment:MainAxisAlignment.center 이것이 실제 화면의 상단, 중앙, 하단의 정렬을 해주는 것이다.

<Summary>

1. AppBar의 Text의 정렬은 centerTitle : ture,

2. AppBar의 색을 바꿔주는건 backgroundColor : Colors.redAccent

3. 앱의 붕뜬 느낌효과 elevation : 0.0 ~ 10.0 (엘러그레이션)

4. Main Body에서 텍스트의 위치를 지정할수 있는 방법은 2가지다.

Padding을 이용하여 왼쪽,오른쪽,위,아래를 조절하는 방법

Body의 메인 정렬과, child 정렬을 이용하여 화면 가로 축, 세로축의 정려를 하는 방법

5. 첫번째 방법은

   Body에 Padding을 한뒤 정확하게 해주기위해 Padding 속성 EdgeInserts.fromLTRB를 이용한다.

   그리고 화면의 상단,중앙,하단의 정렬을 할 때 mainAxisAlignment를 사용한다.

   body: Padding(

        // 자 이제 메인 바디 부분을 넣어 보도록 하자.

        // Padding은 Body 내에서 위치를 조절 할 수 있는 위젯입니다.

        //padding: EdgeInsets.fromLTRB(left, top, right, bottom),//정확한 위치를 넣어 주기 위해서 Padding 속성을 불러 옵니다.

           padding: EdgeInsets.fromLTRB(30.0, 40.0, 0.0, 0.0),

           child: Column(

          //해당 위젯을 세로 축으로 사용하고.

          mainAxisAlignment:

              MainAxisAlignment.center, //화면 상에서 상단, 중간, 하단 정렬을 해준다.

          children: [Text('Joy'), Text('Coding'), Text('Lab')], //각각의 텍스트를 써준다.

        ),

      ),

    );

6. 두번째 방법은

 Body에 바로 Center를 해주는 것이다.

  body: Center(

        child: Column(

          //해당 위젯을 세로 축으로 사용하고.

          mainAxisAlignment:MainAxisAlignment.center, //화면 상에서 상단, 중간, 하단 정렬을 해준다.

          children: [Text('Joy'), Text('Coding'), Text('Lab')], //각각의 텍스트를 써준다.

<소스 정리>

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

import 'package:flutter/material.dart';

void main() => runApp(MyApp()); // runApp 제일 상위 위젯을 호출한다. 기본적인 뼈대를 만드는것이다.

class MyApp extends StatelessWidget {

  //정적인 의미의 뼈대를 만든다.

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      //플러터에서 대부분 가지고 있는 머트리얼앱 위젯을 가져온다.

      title: 'JoyCoding', //앱을 총칭하는 앱의 타이틀이다.

      home: MyCard(), // Home 기본적으로 앱이 실행되면 기본적으로 실행되는 초본이다.

    );

  }

}

class MyCard extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      //실제 앱의 하얀색 도화지가 되는 것이다. 도화지를 하나 사왔다고 생각하자.

      appBar: AppBar(

        //앱의 상단 부분의 바를 만든다.

        title: Text('JoyCodingLab.'), //앱 상단 부분의 바에 Text를 하나 넣는다.

        centerTitle: true, // 앱의 상단 부분의 바의 정렬을 센터로 해준다.

        backgroundColor: Colors.redAccent, //Color의 색을 바꾼다.

        elevation: 0.0, //엘러그레이션 높이라는 뜻이고 앱의 붕떠 있는 느낌의 효과를 나타낸다.

      ),

      body: Padding(

        // 자 이제 메인 바디 부분을 넣어 보도록 하자.

        // Padding은 Body 내에서 위치를 조절 할 수 있는 위젯입니다.

        //padding: EdgeInsets.fromLTRB(left, top, right, bottom),//정확한 위치를 넣어 주기 위해서 Padding 속성을 불러 옵니다.

        padding: EdgeInsets.fromLTRB(30.0, 40.0, 0.0, 0.0),

        child: Column(

          //해당 위젯을 세로 축으로 사용하고.

          mainAxisAlignment:

              MainAxisAlignment.center, //화면 상에서 상단, 중간, 하단 정렬을 해준다.

          children: [Text('Joy'), Text('Coding'), Text('Lab')], //각각의 텍스트를 써준다.

        ),

      ),

    );

  }

}

------------------------------------------------

class MyCard extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      //실제 앱의 하얀색 도화지가 되는 것이다. 도화지를 하나 사왔다고 생각하자.

      appBar: AppBar(

        //앱의 상단 부분의 바를 만든다.

        title: Text('JoyCodingLab.'), //앱 상단 부분의 바에 Text를 하나 넣는다.

        centerTitle: true, // 앱의 상단 부분의 바의 정렬을 센터로 해준다.

        backgroundColor: Colors.redAccent, //Color의 색을 바꾼다.

        elevation: 0.0, //엘러그레이션 높이라는 뜻이고 앱의 붕떠 있는 느낌의 효과를 나타낸다.

      ),

      body: Center(

        child: Column(

          //해당 위젯을 세로 축으로 사용하고.

          mainAxisAlignment:MainAxisAlignment.center, //화면 상에서 상단, 중간, 하단 정렬을 해준다.

          children: [Text('Joy'), Text('Coding'), Text('Lab')], //각각의 텍스트를 써준다.

        ),

      ),

    );

  }

}

그럼 오늘도 공부 참 잘했어요!! 

꾸준한 사람이 성공하리다.

2021.04.20 am 02:10 조이코딩연구소 장샘

1. Flutter 프로젝트 폴더 구성하기

2. 코드의 기본 내용을 알아보자

3. 앱 페이지 기본 구성 공식을 외워보기

4. Flutter 앱 실행을 해보기.

pubspec.yaml

앱을 만들때 버전 환경등 다양한 셋팅을 하는 곳이다.

android 폴더와 ios 폴더는 앱을 배포할때 정보를 갖고 있다고 생각하면 된다.

가장 중요한건 lib 폴더 입니다. 라이브러리 폴더라고도 부를 수 있고요.

앱을 만들때 여기서 거의 대부분의 작업을 진행 할겁니다.

자 우리는 main.dart의 있는 기본 소스 내용을 지우고 시작을 해보도록 하겠습니다.

플러터 머트리얼을 임폴트 해줘야 된다.

이것은 플러터의 위젯이랑 각종 기능들을 사용하기 위해서 무조건 입력을 해줘야 합니다.

import 'package:flutter/material.dart';

void main() => runApp(Myapp())

=> 함수를 호출해오는 것이다.

플러터의 최상위 함수는 runApp 이 호출 될때 위젯=아규먼트 를 들어와야 된다.

Myapp이라는 위젯(우리가 직접 만들어야 되는 위젯)을 불러온다.

클래스와 함수명

main(), runApp() -> 함수

첫글자를 소문자 넣는다 대부분 함수는.

클래스는 대부분 문자로 한다.

서로 결합한것을 앞에는 대문자. 카멜

MyApp() -> 위젯 

이 MyApp 위젯은 처음에 앱을 구동할때 뼈대를 만드는 역활만을 할것입니다. 정적인 위젯입니다.

정적인 의미의 StatelessWidget 를 만들어 줬고, MyApp이라는 우리만의 커스텀 클래스를 만들었습니다.

MyApp은 Container라는 것을 나를 호출한것에 넘겨주게 되는데 이것을 바꿔보도록 합시다.

우리가 필요한건 앱을 만들기 위한 머트리얼 기능을 가진 위젯입니다 이것을 가져 옵시다.

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Container( ------>>return MaterialApp

    );

  }

}

MaterialApp 위젯도 반드시 아규먼트를 가져야만 합니다.

플로터의 모든 위젯들은 아규먼트를 가진다고 생각하면 됩니다.

앱을 총징하는 앱의 타이틀을 만들어 보도록 합니다.

MaterialApp은 타이틀이라는 문자열을 아규먼트로 가지고 있습니다.

ctrl + s 저장하고 바로 에뮬레이터 나올 수 있다.

오늘도 여기까지.. 서서히 머리가 아파 오는것 같지만

어색함이 익숙함이 될때까지 반복과 노력만 있을 뿐.

2021.04.19 오후 9시50분! 조이코딩연구소 장샘.

ㅇ

1. Flutter doctor로 문제가 없는 확인 해보자.

2. 비쥬얼 스튜디오 코드로 프로젝트를 만들고 에뮬레이터 실행해보기

3. 안드로이드 스튜디오로 프로젝트 만들고 에뮬리터 실행해보기.

<Flutter doctor 확인하기>

Flutter가 정상적으로 동작되는 확인하기 위한 명령어 이다. Flutter doctor.

하지만 android toolchain 문제가 있네요. 친절하게도 해결하기 위해서는 flutter doctor --android-licenses 하라고 나와있습니다.

계속 그냥 Y를 누른다!! 쭈우우우우욱

완료가 되었으면 다시한번 Flutter Doctor를 실행해 본다.

정상적으로 작동하고 문제가 없다고 난온다!! No issues found!!!!!

---------------------------------------------Flutter doctor 확인하기 끝!! ----------------------------------------------------

2. 비쥬얼 스튜디오 코드로 프로젝트를 만들고 에뮬레이터 실행해보기

비쥬얼 스튜디오 코드를 실행하고 view -> command palette를 클릭 한다.

검색창에 Flutter를 클릭하면 프로젝트 생성하는게 나타난다.

프로젝트를 생성하고 에뮬레이터를 실행해 봅니다.

짜잔 에뮬레이터가 실행 된 것을 볼 수 있습니다.. 첫번째 Flutter 실행 화면 이네요.

3. 안드로이드로 플러터 생성하고 실행해보기

안드로이드 에서 New Flutter Project를 클릭하면새로은 프로젝트를 만들 수 있습니다.

이 프로젝트가 바로 우리 화면에 나올 것이죠.

Flutter Application을 클릭하여 Next!!! 과감히 클릭!!

Project Name은 여러분이 만들고 싶어하는 이름을 쓰면 되고요..

플러터 SDK 경로가 설정이 안되어있을겁니다.

여기를 설정해주셔야 됩니다. 플러터 파일 압축 풀었던 경로 아시죠?

저 경로는 사람마다 다르실거에요. 저는 C드라이브 Project폴더에 압축파일을 풀었거든요.

그리고 패키치 네임 입니다. 이것은 모듬 셋트라고 생각하시면 됩니다.

이름도 그냥 두고 그냥 광클릭 Finish!!!

화면 왼쪽에는 파일들을 보여주고. 오른쪽 화면에는 영어로 된 코딩된 글씨가 쫘악!! 나옵니다.

당장은 우리는 바꾸지 않고 에뮬레이터만 실행해 보도록 해요. 위에 3군데 클릭해서 확인해주세요.

1. SDK 빌드.. 어려우시면 그냥 따라서!!

2. 내가 만들어 놓은 핸드폰 에뮬레이터!! 선택해주시고.

3. 플레이 버튼 클릭!!! 했더니!! 화면이 검은색을 나오시나요?

우리 핸드폰에서 뒤로가기 버튼을 한번 눌러주시면 딱 바로 나옵니다!! 

어때요.. 오늘 저도 여러분도 플러터를 처음으로 실행시켜서 에뮬레이터로 본 날입니다!!

어려울겁니다. 당연히 어려운게 맞고요 누군가 만들고 우리가 공부한다는거 쉬운일은 아닙니다.

하지만 공부를 해야 쉬워지겠죠? 저도 차근차근 해볼테니 여러분도 화이팅 해보시죠. 

그럼 이만 조이코딩연구소 장샘. 2021.04.18 - 오후 12시46분

안녕하세요. 조이코딩연구소 장샘입니다.

본격적으로 구글에서 만든 Flutter(플러터)를 공부를 시작해보려고 합니다.

앱을 개발하기 위해서는 OS를 고려해서 해야 되지만 구글에서 만든 Flutter를 이용하면

안드로이드 OS와 애플 iOS에서 모두 구동이 가능한 앱을 만들수가 있습니다.

Flutter를 하기 위해서는 흔히 알고 있는 Java가 아니라 Dart라는 조금은 생소한 언어를 공부해야 합니다.

저 또한 처음 하는 것이라 기대 됩니다.. 어렵겠지만.. 차근차근 만들어보고 

앱도 만들어 보도록 하죠.

일단 음식을 만들때도 음식을 준비하는것이 가장 중요하듯이

코딩을 하기 위한 환경을 만드는것이 가장 중요하겠죠?

1. 안드로이드 스튜디오 설치

2. 비쥬얼 스튜디오 코드 설치

3. Flutter 다운로드 및 환경설정

3가지를 진행해 주시면 됩니다. 구글에서 검색하시면 바로 설치 가능 합니다.

저는 윈도우10 버전으로 시작하고 있고.

안드로이는 버전 4.1.2를 설치하였습니다. Flutter는 2.0이네요~!

안드로이드 설치 후에는 Configuration에서 Plugin -> Flutter를 설치 해주셔야 됩니다.

물론 Dart도 검색해서 설치 해 주시면 됩니다.

비쥬얼 스튜디오에서는 Extension(ctrl+shift+x)에서 Flutter를 설치해주시면 됩니다.

Flutter를 압축을 풀고 bin 폴더로 가신뒤 폴더의 경로를 복사후에 

윈도우 돋보기에서 시스템 환경변수 클릭 -> 환경변수 클릭 -> 시스템 변수 창에서 Path 를 선택 후 편집

거기서 새로 만들기 후 Flutter Bin 폴더의 경로를 넣어 주시면 됩니다.

자 이렇게 기본적인 설정이 완료 되었습니다. 

이렇게 저지르고 나면 매일매일 얼마나 공부하는지 끄적끄적 기록해보려고 합니다.

그럼 우리 모두 생각을 현실화 할 수 있는 능력을 기를때까지..

모두모두 화이팅.

2021.04.17 오후 11시28일 from 조이코딩연구소 장샘.

여러분 안녕~~~

오늘부터는 강남에서 배달 또는 포장시켜서

점심 또는 저녁을 먹을때의

각각의 맛을 리얼하게 후기를 남겨 보려해!

첫번째 경성밥상이야!!

배달의 민족을 이용했어!!

이미 별점이 4.9점을 기록하고 있고

사람들 평이 괜찮아보여서 시켜봤음

메뉴 구성은 아래와 같음

일단 인기 메뉴가
역시, 제육!!
고기 국밥!!
팔도 고추장 비빔밥!!

나머지는 생략하도록 함.

왜냐면 인기 메뉴만 보면 될거 같아서

오늘는 팔도 고추장 비빔밥을 시켰음!!

일단 배달의 용기가 너무 마음에 들어

1회용을 줄여야 되긴 하지만...

플라스틱에 뭔가 진짜 그릇같아서 좋았음

고민하지마요.. 경성 밥상이라고 써있는거에요.ㅎ

자!!! 이제 오픈을 해볼까!!!

캬.... 색감 좋고. 보기에도 좋고 냄새도 좋고!!!

맛보기전 일단 합격!!!

계란도 반숙형태로 오긴 했는데!!!

초딩입맛이라.. 비릴거 같았지만!!

전혀 그렇지 않았음. 왜냐!!???

그 이유는!!? 어차피 비빌거닌깐..ㅎㅎ

고기양도 제법 많았어요~~~

이제 비벼 보도록 하지!!!

맛스럽게 보이나요????

보이는 그대로에요 맛있어요!!!

하지만??!!! 어디든 그렇듯이 비빔밥은

비빔밥 맛이라는거!!!

물론 소스 양념도 합격!
나물 식감과 양도 함격!!
김치도 넉넉하니 너무 합격!
국도 맛있고!!!

왜 별이 4.9점인지 알겠어요.

고로 이집은 다른 메뉴도 먹어 보겠음!!!

강남 배달 맛집 경성 밥집 당신은 합격!!!

그럼 저는 다른메뉴로 또 돌아옵니다!

여러분 안녕하세요~

반갑습니다. 조이코딩연구소의 장샘 입니다!

오늘은 주엽 맛집 탕수육갑에서 탕수육을 포장해왔습니다!

자자 실제 가게 사진을 찍어오진 못했네요..

탕수육갑 상호명에서도 알겠지만 탕수육이 갑이겠죠??

메뉴는 탕수육을 기본 베이스로해서 다양하게 있습니다.

가게 홀에서 드시는 분들 꽤 계셨구요~ 저녁시간이라 그런지 포장을 대기하는 봉지들이 많이 있더라고요~

저는 대표 탕수육을 사왔는데 저는 소스를 많이 먹어서 그런지 하나 더 추가 했습니다.

사실;; 기본으로 주시는 소스만으로 충분하긴 하지만.. 전 워낙 소스충 이라...ㅎㅎ

바로 튀겨진 참쌀 탕수육을 가지고 집으로 도착!!

올때부터 이미 김이 모락모락 냄새가 모락모락.. 

일단 가격은 대표 탕수육이 13,000원 입니다. 

가격대는 어떻게 생각하시나요? 중국집 셋트 보다 비싸다고 생각하시나요?

그건 뒤에서 다시 한번 언급해 드리죠.. 

과연 중국집 탕수육 vs 탕수육갑 탕수육 과연 차이가 있을까?

1. 양은 어떨까?? 

일단 메뉴 설명에는 2~3인분이라고 되어 있습니다.

박스만 봤을 때는 과연 양이 많을까?라는.. 생각이 들어서

접시를 가져와서 한번 부워 봤습니다.

양이 상당합니다..

어른 2명이서 먹어도 충분 할거 같습니다.

제 손이랑 비교하니 바로 아시겠죠?

2. 소스 

  소스도 향이 너무 좋아요~~~ 사과향인가?

저는 이게 맛있어서.. 1개 더 추가 했어요.

소스 추가 하는 비용 : 1000원!!!

비주얼은 너무 이뻐 보이네요 

하지만 소스가 막 특별하거나 그렇진 않아요~!

그 중국집 스타일보다는 맛있습니다.!

그러면 한번 찍어 보도록 하죠..

3. 탕수육 튀김 상태 

뭐 보시면 알겠지만 탕수육 튀김 상태는 이뻐요 ㅋㅋ

보기 좋은게 맛있다고 하잖아요. 굿굿.

한입 먹어봤는데 캬... 맛은 아래에서 확인!!

4. 대망의 탕수육 맛!!!!!

제가 가장 탕수육을 먹을 때 호불호가 갈리는게 

바로 고기 잡내!!!!!!!!!!!!!!

일단 고기 잡내가 전혀 안납니다~!

고기 상태도 괜찮고요~~

동영상은 탕수육을 먹는 ASMR 소리 입니다.!!!

<총      평>

1. 탕수육 양 ★★★★★

2. 소스 ★★★★

3. 탕수육 튀김 상태 ★★★★★

4. 대망의 탕수육 맛 ★★★★★

묘하게 중독 되는 맛이 있어요.

가족중에 탕숭육을 고기 잡내 때문에 싫어하는 사람도

여기 탕수육은 잘 먹었어요~!!!!!

광고 따윈 없는 리얼 주엽 맛집 탕수육갑 후기 였습니다! 후훗.

그럼 다들 맛난거 많이 먹고 행복해져라!!!!

여러분 안녕~~

코딩하기 좋은 노트북!!! 으로 내가 선택한!!! 바로바로오오오!!

오늘 소개할 노트북은 바로바로 ASUS 젠북UX425EA-BM207 이라는 노트북이야.

더 가볍게!! 더 스마트하게!! 타이틀을 달고 온 노트북!!

최신 인텔 11세대 i7 CPU를 탑재한 노트북을 선택했어!!

일단 외부로 강의를 다니거나 편안하게 코딩을 하기 위해서 노트북이 필요 했어.

성능은 CPU I7, 랩은 16GB,  하드디스크는 512GB가 기본이지만 나는 변경하여 SSD 1TB로 변경 했지~!

요즘은 UHD 관련 앱도 만들어야 되서 성능이 좋은거가 필요했음..

11번가에서 최저가로 구매했으니 알아서들 찾아보고!! 필요하면 알려 줄게 답글 달아줘

나는 128만원에 구매 했어~ 하드 디스크 변경까지 다해서 말이야!

일단 박스 포장은 안전하게 도착햇어~

뾱뾱이를 뜯어 내고!!!

짜잔 박스가 고급지네.. 오랜만에 비싼 물건을 사서 그런지 기분이 좋아~

박스를 과감히 뜯어 내고 실물을 영접 했을때!!

오호.. 금색 재질 느낌에 1.17kg 이라고 하기엔.. 왜케 묵직한 느낌이지?

아마도 사이즈는 작고 메탈 재질이라 그냥 느낌이 그런가봐 무게를 속이진 않았으니~ㅎㅎ

자자 바로 비닐 뜯어내고 전원을 켜보자!!

나는 윈도우가 설치되지 않은(프리도스) 버전을 구매했기 때문에 전원을 켰을때 바로 BIOS 모드로 넘어왔어

윈도우 설치를 위하여 윈도우 USB 설치용으로 만들어 놓고 꽂은 뒤

윈도우를 설치 해보즈아아아아!

잘 진행 되다가..갑자기?? 이런 오류가 발생하는거야.

설치 할 하드디스크를 찾을수가 없다네??

분명 BIOS에서는 하드 1TB가 인식이 되었는데?

윈도우 USB가 잘못된줄 알고 다시 해봤는데도 안되더라고..

설치할 드라이버가 안나와서 이것저것..찾아 보다가.. 알아낸 사실!!

아 그리고 프리도스 구매하시는 분들은 인텔 CPU의 윈도우 설치시 하드디스크를 못찾는 경우가 발생 합니다. 문제를.해결하기 위한 링크도 제가 하나 걸어 놓겠습니다. 확인해보시고 설치 잘 하시길 바랍니다.

※ 윈도우 설치 문제 해결 링크??

https://www.asus.com/kr/support/FAQ/1044458

가서 파일을 다운 받은뒤 USB 설치 파일에 넣고 다시 시작하면!!!

짜자잔 하드 디스크르 인식하기 시작 합니다.

윈도우 설치하는 동안에~~ 다른 구성품을 한번 보도록 하겠습니다.

기본 사은품으로 제공 되는 노트북 파우치..

뭐 막 고급지진 않더라도 노트북 넣고 가방에 넣기에는 문제가 없어 보이네요

그리고 노트북 전원 아답터!!!! 너무 커보이나??

땡!!! 손이랑 비교하면 주먹 크기 정도로 그렇게 크진 않아요~~!!

그런데 이 노트북에는 USB 포트가.. 단 1개!!!

오직 한개!!!!

그러면 유선랜 포트랑?? 이어폰은 어떻게???

바로 그래서 젠더를 줍니다.

USB 포트는 1개 이지만 USB C 타입의 썬더볼트!! 2군데가 있습니다.

거기에 사용이 가능한 유선 랜 포트 젠더!!

그리고 이어폰을 들을 수 있는 이어폰 젠더 ..

전체 구성품을 한번 보자~~~

흠... 뭐 별거 없어 보이넹..ㅋㅋㅋㅋ

뭐 딱 간단하게 들어있네요~~

노트북 외관이 너무 반짝이고 이쁘네요~~

물론 지문도 잘 묻어요!!!! 후훗..

이렇게 기뻐 하던 도중에 박스에 호깃 뭐 더 들었나 확인하다가!!!

박스 종이에 손가락이 샤샤샥!!! 베었네요..ㅠㅠ

다들 조심해요..

자 기본적인 윈도우 설치가 끝났습니다!!!!

300nit로 화면 밝기는 실내에서 쓰기에 불편함이 없습니다!!

요즘은....뭐 실외 나가서 노트북 하는거 거의 없잖아??

그나마 카페에서 할텐데 그정도 충분한 밝기!!

그리고 노트북이 쏙 들어갈 파우치!!! 페브릭 소재? 인듯~~

그리고 윈도우에서 비밀번호 안치고 얼굴 인식이 가능해서!! 너무 편하다라는거!!! 캬~~~

하만카돈 스피커를 내장하고 있어서 사운드도 좋고~~

4k 영상을 한번 틀어봐서 봐봤어요!!

그리고 프로그램들을 깔기 시작함~~

이제 이걸로 빠르게 코딩을 할 수 있을듯!!! 부팅도 너무 빠르고...너무 좋아..ㅠㅠ

자 그러면 정리를 하번 해볼까!!

노트북 구매 총평!

외관

 - 일단 보시면 알겠지만 사진 보다 훨씬 고급집니다.

 - 화면은 14인치인데도 작아보이네요. 하지만 디스플레이는 베젤이 얇아져서 그래보이는거 같아요.

2. 디스플레이 화질 & 사운드

 - 화질이 쨍쨍하고 색감이 좋아요. 사운드 역시 기존 노트북이 오래된거라 그런지 너무 좋습니다.

3. 소음

 - 윈도우를 설치하는디 생각보다.. 팬소리가 좀 나긴 합니다. 너무 조용하진 않아요. 심하다는게 아니라 엄청 조용한건 아니라는 겁니당~~~

3.총평

 가볍고.. 간지나고 빠르고 좋습니다.

이동하면서 편하게 코딩하려고 산건데 쏙 마음이 듭니다.

 혹여 무겁다고 생각하시는 분들 있을텐데 작은데 묵직한 느낌이라 그렇게 느끼실수도 있어요. 실제로는 키로수가 있으니.. 뭐 안그렇습니다!

궁금한 사람들은 문의 주세요!!!

그럼 조이코딩연구소의... 내돈 내산 노트북 구매 후기!!! 끝!!!

자자 이제 어메이즈 핏 GTS2 미니의 앱은 어떤것인지 간략하게 보도록 하자!!

그전에 1편 개봉기를 못 보신분이라면 요고 한번 보면 또 살지 말지!!! 감이 오징!!!!

jangenjoycoding.tistory.com/120?category=677578

기본적으로 만보기 기능 내가 얼마나 걸었는지를 딱 보여준다!!

칼로리 소모와 몇시간 잤는지.. 5.5시간 밖에 안잤넹...

심박수와 스트레스 점수도 나온다~~

수면점수는 뭐 이미 샤오미에서 오랫동안 했었지~~

여성분이 한다면 여성 건강에 대해서도 체크를 할 수 있는 기능이 있다~

뭐 선물용으로도 좋을거 같다~

이제 다음은 프로필을 봐보자~~

프로필은 내 해당 아이디와 해당 정보들을 볼 수 있는 공간으로..

특별하게 뭔가 셋팅할 일은 없다.

목표치를 설정하는게 그나마 할 일~~!

다음은 플레이 화면으로 넘어가도록 하자.

생각보다 좋은게 많다.

일단 핸드폰 찾기 -0- 나는 맨날 찾는다...,ㅋㅋㅋ

그리고 알람도 해당 앱마다 진동을 따로 설정 할 수 있지만..

너무 귀찮다. 어차피 진동오면 무조건 시계를 쳐다 볼텐데 그걸 안보고

진동으로 판단하겠다라는..-ㅅ- 쉽지 않은 귀찮음..

시계 계기판을 들어가면 워치 페이스를 고를 수가 있다.

다양한 워치 페이스가 있으니 여러분이 잘 선택해서 해봐~~

그런데.. 애들이 해도 될만한 워치 페이스가 있더라고요~~

다음은 앱 알림 기능!!!!!

스마트폰에 설치 한 앱 중에 내가 받을 알림을 설정할 수 있는 장소 이다.

카톡도 전체 내용이 다 잘 온다!!!

앱 관리 버튼을 누르면 해당 앱들을 추가 시킬 수 있다!!

이것으로 [내돈내산] 어메이즈 핏 GTS 2 Mini 구매 및 사용기2(Amazfit GTS2 Mini) 리뷰를 끝내도록 한다.

현재까지 잘 쓰고 있고, 여전히 잘쓰고 있고 후회 없는 선택이였다.

할인 받고 스트랩 추가하고 해서 8만원 정도에 구매한거 같다.

스마트워치 입문기용으로는 디자인, 가격, 성능 다 만족하는 제품이다!! ^^

여러분 안녕!!

스마트 워치 구경가 필요하던 중에..?

꼭 필요한건 아니지만.. 멋있어 보이기도 하고 다들 하고 다니니

얼마나 운동하는지 궁금하기도 해서 스마트 워치 알아보던 중!!

애플워치랑 갤럭시 워치를 알아보고 있었지.

애플워치는 가격대가 50만원대.. 물론 최신꺼가 아니면 싸지긴 하지만.. 그래둥~

갤럭시 워치는 30만원대..

나는 일단 안드로이드 버전의 핸드폰(삼성 갤럭시 S20 BTS 버전)을 사용 중 이라.

애플워치가 이쁘지만 패스하기로 했어. 갤럭시 워치는..뭐랄까 ..

단순 만보기랑 기타 기능 치고는 너무 아깝다는 생각이 들어서 찾아 보던중!!!

샤오미에서 나온 어메이지 핏을 알게 된거지~

위에는 클릭하지마~~ 광고 아니고 이미지 캡쳐 해온거닌깐~ㅎㅎㅎ

애플워치랑 비슷하게 생겼고 이쁘고 가격이 저렴했어~~!!

단돈!! 69달러!!!! 배송은 무료였어!!!

그래서 한 2주 정도 기다렸을거야...짜자잔 도착했어!!

일단 박스가 마음에 들었고 나는 민트색으로 샀어!! 

검은색은...뭐..지겨울거 같고.

핑크를 차면.. -0-;; 말 안해도 알지?

6천원 주고 추가로 메탈 재질의 검은색 시계줄도 추가로 시켰어~~

요건 자석으로 손목 사이즈도 조절할 수 있어서 생각보다 괜찮았어~

세미 정장 캐주월 입을 때는 하면 좋겠더라공~

그리고 보호 필름도 2개 구매를 했어!!!

3천원 정도에 구매한거 같애..

어떻게 됐냐고? 붙일때 기포도 막 들어가고 깔끔하게 하는거 자체가 나는 불가능 함!!!

그냥 쓰다가 기스 나고 망가지면 버린다고 생각할래 ㅡㅡ;;; 안붙임.

자 이제 박스를 뜯어 보자고~~~

반투명 이쁜 비닐에 시계가 딱!! 오오... 박스 포장 상태는 마음에 들어~

설명서도 당연히 들어있고~~

한글도 있으니 너무 걱정마 하지만.. 설명서 볼 일이 있을까??

크게 없을거야~~~

딱 하나!! 시계줄 끼는 방법에 대해서는 잘 보고 끼워봐 어렵지는 않아~~~

근데 실리콘 줄에 있는 쇠는 실리콘 시계줄 안에 있어서 손톱이 없으면 

조금 긴장 어려울 수 있어~~~과감하게 해!!

어렵지 않아!!

충전 할 수 있는 줄도 들어있고, 혹시 충전기를 바랬다면 그건 너무 욕심이야!!

충전 케이블만 있으니 기존에 사용하던 핸드폰 충전기에 꽂아서 사용하길!!

자 이제 본격적으로 시계를 보자~~

오.... 난 개인적으로는 100점 만족함~~

일단 너무 가벼워~~~ 진짜 가벼워~~

그리고 스펙은 아래와 같애~~~

19.5그램이야 스트랩 끼워도 너무 가벼움~~!!!

방수도 되닌깐 샤워할때 그냥 차고 해도 돼~~ 

옆에 선도 너무 이쁘지 않아? 

절대 싼티 안남~~~

근데 나 한번은 시계줄 찬곳에 알러지 반응이 발생해서 빨개져서 가려운 적이 딱 1번 있음..

그냥 땀이 차서 그런건지.. 잘 모르겠지만~~ 나중에 사게되면 테스트 잘 해봐~

이부분은 산소 포화도 측정, 심박수 측정등을 하는 곳이야

물론 충전하는 부분을 저기에 갖대되면 자석으로 착!! 붙어..

근데 그게 방향이 있어서 방향을 안맞추면 밀어내버려~~ 당황하지 말고 반대로 착!!!

왼쪽 버턴을 꾸우우우우우욱!!! 누르면 전원이 켜짐.

요건 뭔소리가 하면.. 일단 스마튼폰 앱하고 연동을 해야돼 어렵지 않앙~~~~

앱스토어에서 QR코드 앱으로 찍던가 다른거 QR 코드 리더기로 찍으면돼 !!

앱은 ZEPP 라는 앱을 연동하면 돼!!

처음 시계를 셋팅을 하면!! 짜잔!!

오... 이뻐..ㅋㅋㅋㅋㅋㅋㅋㅋ 개인적인 의견 이니 토 달지 말아줘~!

착용 사진이야!!! 어때?!!! 

<개봉기 총평>

1. 장점 

 1) 가벼워!!!!!!! 진짜 가벼워!!!

 2) 이뻐!!! 내눈에는 이뻐!! 애플워치랑 비교하지 말자. 애플워치가 훨씬 이뻐!!! 근데 훨씬 비싸!!!

 3) 수면체크랑 운동체크 그리고 메시지, 카톡, 전화 등 편리해짐

2. 단점

 1) 스트랩에 한 부분에 한번 알러지 반응? 딱 한번 있었어..땀때문인지는 알 수 없음.

2) 내 기준에는 전혀 없어~!!

추가적으로!! 앱 연동과 해당 설명을 보고 싶다면!! 클릭 클릭!!!

jangenjoycoding.tistory.com/121

[내돈내산] 어메이즈 핏 GTS 2 Mini 구매 및 사용기2(Amazfit GTS2 Mini)

출처: https://jangenjoycoding.tistory.com/121 [조이 코딩 연구소(Joy Coding Lab.)(수업 및 기타문의 카톡 : jhw2458)]

여러분 안녕~~~

이번에는 코로나로 인하여 배달을 이용하여 집에서 많이들 먹고 있으니..

연말 자체 회식겸 집에서 대게를 시켜 먹어보도록 했지.

일단 난 기본적으로..배달 자체를 거의 안시켜먹어봤어~

배달비도 아깝고 어디 나간김에 사오는 스타일이라~

하지만 오늘은.. 배달을!!! 빠밤 배달의 민족을 이용해 봤어

일산 정발산동에 위치한 대게나라는 곳이야~~~~

여기 지나가면서 보기도 했고해서 여기서 시켜봤지.

평을 보니 깔끔하게 잘 나온다고 하더라고~~

자 그러면 메뉴는 무엇을 주문하느냐!!

살아 있는 활대게!!!! 1마리를 주문해보려고 하는거지!!!

실제 살아 있는 활대게!!!를 보내주는건 아니야!!!

일단 나는 3명이서 먹을 거닌깐..

물론 내가 제일 많이 먹을 거지만..에에헴..

9만4천원짜리를 주문 해봤어~~

사이다는 2개!!! 추가로 했고~~~~~

미리 사전 예약은 불가 하다고 하고 먹기전 1시간 전에 주문 하면 된다고 했어~

나는 오후7시쯤 먹을려고 오후6시에 주문을 뽝!!!

딩동!!!!!!!  똑똑똑!!!

오오오?? 이게 왠걸?~!

박스형태로 포장을 해서 보내주셨네요..

비닐 봉지에 담아서 보내줄주 알았네 이여~~ 일단 포장은 합격?!!!

세트 구성 처럼 개별 포장을 잘 되어 있습니다!!!

오오오.. 깔끔해..하긴.. 거의 10만원이나 주고 산건데.. 좋아야지..에헴..ㅋㅋ

이제 하나씩 뚜껑을 열고 실제 비쥬얼을 한번 탐구 하도록 해보죠.

대구 목살 튀김 : ★★★☆☆

원래 생선을 크게 좋아하진 않았지만. 나름 괜찮았어.

칠래 새우 : ★★★★☆

맛있어..ㅠ 새우를 좋아하기돈 하지만 엄청 큰 새우!! 살도 많고 그렇지만..3마리밖에 없어서 아쉬웠어 ㅠ 

꽃게 튀김 : ★★★☆☆

양념도 맛있고 바삭하긴 한데 게가.. 너무 너무 작아 ㅋㅋㅋ 뭐랄까 그냥 바삭바삭! 

야..채...구지 설명을.. 별로 안좋아해요..ㅋㅋㅋㅋ

게장 튀김 : ★★★★☆

게장 볶음밥... 와 이건 애들도 좋아할 맛!! 맛있음 맛있어!!!!

게살죽 : ★★☆☆☆

다른거 먹다가 식어서 그런지...뭐.. SOSO..

오 피클 아삭아삭 상콤하니 괜춘!

이제 대망의 대게로 가봅시다!! 빠밤!!!

대게 : ★★★☆☆

내가 너무 작은걸 시켰나.. 살이 많은걸 기대한게..잘못인거지? 

맛은 너무 맛있어~~~ 그렇다고 살이 없다는 소리가 아니야!! 오해하지마!!

3명이서 먹기엔 부족하다 이거지!! ㅋㅋㅋㅋㅋㅋ

아쉬운건 보면 큰 다리들은 칼집을 내주셔서 먹기 편했는데 

다른 다리들은 칼집이 전혀 없어서.. 먹기 너무 불편했어.. 그거까지 신경써주셨으면 더 좋았을 걸~~ 아쉬움.

맛있어보이지~~~ ㅇㅇㅇ 맛있었어.. 

하지만 다들 알지?  게 껍질의 살들은 큰 맛이 안나~~ 그래서 빼먹기도 힘들고

그래서 어떻게 했느냐?!!! 이 방법을 추천 드립니다!!

바로바로 라면에!!! 풍덩!!!

다진 마늘이랑 고춧가루를 넣고~~

스프랑 대게를 풍덩 풍덩!!!

대게의 국물을 우려내기 위하여 라면은 나중에 투하!!!

이야!!! 드디어 라면을 투하고 보글 보글 보글...보글...

,,,,

,,,

,,,

,,,,

,,,

한강.....라면..

흠...국물을 많이 먹고 싶어서 욕심을 내서 물을 더 부었는데

이게 바로 !!!!! 망하는 지름길..

라면도 싱거워

대게맛도 안나

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

하지만 게껍질의 있는 살들은 야들야들 해져서 더 발라먹기 좋았어~~~~~

총평 : 약10만원을 주고 산 살아있는 대게!!! 맛있었다.

        서비스 음식들도 괜찮았다!

        하지만 3명이 먹기엔 너무너무 부족하다!! 난 라면으로..배불배불

        고로 돈 많이 벌어서 더 큰거 사먹자..ㅋㅋㅋㅋ

그럼 이만 나는 또 다시 돌아온다..

혹여 오해하는데.. 협찬 X .. 다 내가 알아서 한거여~ 오지도 않을 협찬 이지만..ㅋㅋㅋ

그럼 뿅!!!

여러분 안녕~~~ 조이코딩샘이에요~

오늘은 태어나서 처음으로 기계식 키보드를 구매했지 뭐야~~

여기서 구매 했는데 6만4천원!!!!!

홍보하는거냐고? 아니 -ㅅ- 여기서 샀다라는걸 그냥 말해주는거야~

자 그렇다면 실제 모습을 봐볼까~?

일단 키보드외에 사은품들도 왔어.. 이번에 출시 된거라서 사은품 구성이 괜찮은듯?

키보드에 사실 6만4천원이나 쓴다는게 너무 아까울거 같았지만.

USB 8GB, 그리고 빅패드랑~~ 스타벅스 아메리카노 주고 있으니..

이래저래 하면 그래도 5만4천원에 산다는 느낌이라서 샀지~~

포장은 뭐 아주 깔끔하군.

원래 새 상품은 비닐 뜯는맛이지~~~ 캬~~

메탈 재질의 키보드는 아주 고급스러움~~~

그리고 생각보다 키보드가 작아~~~ 숫자패드가 없기 때문이지. 

나는 일단 집에서 사용하다가 필요하면 회사에 가져가서 사용할 예정이야~~

첫 거금을 들여서 산거라 그런지 어때? 럭셔리 하지 않아? 이쁘고?ㅋㅋㅋ

자 그러면 실제 키보드 소리가 어떤지 영상으로 확인해보자

자.. 손가락의 주름은 보지마.. 소리만 들어보자.

소리가 너무 큰가?? 그건 마이크 기분 탓인걸거야~~

마트에서 아니면 친구가 사용하던 기계식 키보드 소리보다는 작은거 같아~

그리고 딱딱하지 않음. 말랑 말랑하다는 느낌이랄까? 

기존의 키보드가 10 이고, 완전 딱딱 나무 친듯한 기계식  키보드가 100이라면

K835 TKL은 50정도 되는거 같아. 전혀 감이 안오지?

그래서 일단 저렴한걸 나도 사봤어...ㅋㅋㅋ

총 평 : 오늘 샀지만 느낌은 좋고.. 일단 모양이 이뻐 이정도 가격이면 우리 살만하자나!!!

스타벅스 커피 10잔 참고, 집에서 카누 먹으면 되는거야!!!

자 그러면 내 돈주고 내가 산 기계식 키보드 로지텍K835 TKL 구입 후기 여기까지.

나는 돈모아서 다른거 사면 또 다시 돌아온다.

그럼 그때까지 모두 휘리리릭

뿅!! 여기까지 봤는데 하트도 안누르고 갈 참인가!!! 그대!!!!!

안녕하세요. 여러분.

조이 코딩 연구소 입니다.

오랜만에 글을 쓰게 되네요. 

자 이 연재는 안드로이드 관련 내용을 채워 보려고 합니다.

1. 앱 개발을 위해서 공부하시는 분을 위한 코너.

2. 안드로이드 어떻게 하는거야...?난 하나도 모르는데?

3. 스타트업 해보고 싶은데 앱은 어떻게 시작해야 될까?

4. 코딩 하나도 모르겠는데... 도저히 방법이 없다. 

이런 분들 위하여 아무것도 모르는 상태에서 하나씩 쭈욱 써가봅니다.

시작이 반 입니다. 여러분.

먼저 아래 링크 타고 가셔서 바로 안드로이드 스튜디오를 설치부터 해봅니다.

https://developer.android.com/studio?hl=ko

이게 뭐하는거냐고요? 안드로이드 앱을 만들기 위한 하나의 툴이라고 합니다.

무료냐고요? 무료 입니다!!!! 빠르게 설치... 

만약에 기존의 설치가 오래 전에 되있던 분들이라면... 아래와 같이 내용이 나올거에요.. 우린 무조건 Go!!

고민 하지 말고 무조건 Next!!! 컴퓨터 안망가져!!!

쭈우우우우욱 설치!!!! 시작!!!

저렇게 화면이 나오고 있다면 잘하고 계신거에요. 마지막 Next를 눌렀을때!!!

이렇게 멋지게 등장하고 있습니까??

뭔가 고르라고 나오죠? 스탠다드, 커스텀... 뭔지 잘 모를땐.. 첫번째꺼!!

스탠다드로 설치하면 기본적인게 다 설치 됩니다!! 믿고 ㄱㄱㄱ

자 다음으로는 코딩을 할때 화면을 고르는건데... 뭔가 어두운게 멋있어 보이니... 이걸로..에헴..

자 마지막에 얼마 남지 않았습니다. 

자 설치가 다 되었으면...

시작 되기 바로 전 화면 입니다!!!

우리는 Create New Project를 만들어 봐야겠죠? 나머지 메뉴는...하나씩 알아 갑시다.

Project는 우리가 만드는 어플를 만드는 아주 기초적인 큰 골격이라고 생각하면 됩니다.

1만평 되는 땅을 얻는거라고 생각해요~~~ 저기에 하나씩 우리가 코딩? 이라는것을 하면서 채워 나가다 보면

꿈꾸던 우리의 앱이 하나 만들어지지 않겠어요?

그전에 먼저 셋팅 해줄게 있습니다...

이것이 무엇이냐...

안드로이드 핸드폰은 매년 마구마구 쏟아지고 있죠?

우리 예전에 윈도우..XP,, 윈도우7,, 8,, 10 이렇게 들어 보신적 있죠?

그런것 처럼 안드로이드도 버전이 따로 있습니다. 해당 버전에서 동작하게 하려면 우리도 설치를 해줘야겠죠?

자 어려우면..그냥 다 설치..ㅋㅋㅋㅋㅋ

흠... 뭔가 시작부터 할게 많죠? 기본적으로 셋팅하는게 제일 귀찮아요.. 화이팅!!

자 Project 종류들이 여러개 보이네요?

딱 보이는건 핸드폰 or 타블렛에서 사용할 것인지.

안드로이드 시계!!!(Wear OS)

안드로이드 TV!!!

오토!!!

나머지것들!!! 

자 우리는 Basic Activity로 골라 봅시다!!!

...뭐야..저거.. 그냥 우리의 땅의 이름을 정해주는거래요~ 어디에 저장할것인지..

자 여기까지 오셨습니까...? 

그럼 시작할 준비는 되셨어요.. 훌륭하십니다. 

고생하셨어요. 뭐가 뭔지는 하나씩 알아 가보도록 하죠. 

그럼 전 이만.. 하트는 무료. 땡큐.

또 봐요~ 휘리릭 뿅!

안녕하세요.

조이코딩연구소 장샘 입니다.

오늘 교육했던 아두이노 엔트리 메뉴얼과 소스 파일 입니다.

비밀번호는 해당 교육의 이름 입니다.

여러분 안녕~~~

오늘의 미션인 게임 만들기 파일을 올려 놨습니다.

잘 만들어 보도록 하세요~~ 풀게 되면 장샘이 좋아질거에요.

자네 포기할건가 도전할건가 ~~!

여러분 안녕~

조이코딩 장샘 입니다~~~

자료 준비하랴... 수업하랴.. 여기저기 돌아다니느라 바뻐서 자료를 많이 업데이트 못했네요.

곧 엄청난 자료들이 쏟아질 테니 기대해주시고.. 세계최대가전쇼인 CES in 라스베가스에서 코딩 제품 및 트렌드 파악겸 

갔다가 찍게된 영상..입니다 ㅎㅎ.. 그럼 커밍 순.

여러분 안녕~

현) 파주 운정 코딩의 핵심!(자칭..ㅎ)

조이코딩연구소 장샘 입니다.

진짜 진짜 오래만이네요.

책도 쓰고, 강의 그리고 여기저기 방문하느라

정말 바쁜시간을 보내고 있습니다.

오래만에 글을 쓰게 되네요.

이번 연재 글의 제목은 "코딩에는 정답이 없다."

응???? 무슨 말인가???

1+1 정답은 무엇인가요? 대답해 보시죠.

2라고 생각하셨겠죠 당연합니다.

왜 2라고 생각하셨죠?

-0-!! 1+1 이닌깐 2죠..

맞아요. 저도 그렇게 생각합니다.

하지만 정답은 "2"지만 정답을 찾아 가는 방법은 누구나 다르게 할 수 있다라는 거죠.

서론이 길어졌네요.

즉, 많은 학생들에게 같은 프로그램을 만들라고 하면

모두다 다르게 만들더라 입니다.

물론 한정된 기능(말하기, 동작하기) 이런건 기본 기능이니 같은걸 이용하겠죠.

하지만 기능을 이용한 새로운 프로그램을 만들 땐 모두다 다르더라!!

너무나도 뻔한 말이지만 책을 보고 따라하는 코딩 수업

당연히 필요하죠.

왜? 아무것도 모르닌깐~~!

학생들에게 획일화 된 정답을 요구하지 않습니다.

가이드만 할 뿐...

코딩은 외워서 따라하는 학문이 아닙니다.

내가 표현하고 만들고자 하는걸 이용하는 단순한 도구일 뿐.

제 교육의 철학 중 하나를 써봅니다.

다양하고 많은 사람들이 코딩을 즐거워 하는 날을 기원하며

글을 정리 합니다.

코딩이 궁금하다?

무엇이 궁금하오리까~~

언제든지 문의 주세요.

2017년 11월24일 셀프 빨래방에서...-0-...;;

P.S : 이불 빨래 하러 왔습니다~!(_ _)

안녕하십니까.

일산 운정 코딩 샘

조이코딩연구소 장샘 입니다!!

이래저래 일이 생겨서

뉴욕으로 일을 보기 위해 잠시 떠났습니다.

뉴욕은 처음 방문이기 때문에

설레는 마음으로..ㅎ

그럼 떠나 볼까요..후비고!!

인천 공항은 언제나 설레는 장소네요.

어김없이 이코노믹으로!!

이번여행으로 드디어 대한항공은

모닝캄이 되었습니다!!

자리를 배정받고~~

로밍을 하러 갑니다~!

가는 곳이 대부분 Wifi가 지원이 될 곳이라

하루에 만원짜리 무한데이터!!

사용으로 안하면 요금이 안나가니..걱정 마세요!

KE085편으로 오후 7시30분 비행기 입니다..

일찍 도착을 해서

면세장으로 고고!

면세점 오면 항상 보는 것이지만

LG OLED로 만든 광고판은..

압도적이네요 -0-b!!!

잠시 뒤에 기내식을 먹기 위해..

간단히..

던킨 도너츠를 사 봅니다~~!

커피 앤 도넛

인천 공항!! 던킨 아이스 아메리카노는 정말

너무너무 맛이^^!!

없네요.

절대 사먹지 마세요.

커피를 태워도 너무 태우넹 -0-!!

살짝 쿵..사진도 하나 찍어보고.

드디어 17번 게이트로

비행기를 타러 갑니다~~!!!

이제 부터 아주아주 긴 여행을...

밀렸던 잠을 자기보다는

영화를 모조리 봐야 합니다!!ㅎㅎ

이렇게 도착하여...숙소로..

혼자쓰기에는 방이 좀 넓어서 너무 아쉽네요.

뉴욕에 있는 메리어트 호텔로~~!

장샘의 뉴욕 방문기 1탄은 여기서 끝!!

금방 바로 2탄으로 돌아옵니다.

커밍 순!!!

여러분 안녕~!

조이코딩연구소

장샘 이에요!

오늘은 운정 맛집 탐방

산내마을에 있는

산내마을 맛집?

완백 부대찌개에 왔습니다!!!

사실 우연히 오게 되었어요 -0-;

자 객관적인 입장에서 후기를 남겨보도록..하죠.

위치는 산내마을 홈플러스 건너편에

상가주택단지 안에 위치해 있습니다.

내부는 상당히 큰편 입니다~~

보시면 알겠지만 일반 부대찌개 식당 같지 않고

뭐랄까 카페같은 느낌?

그리고 음악 선곡이 너무 마음에 들었어요.ㅎ

조리실을 유심히 보다 보니...

정말 스팸을 사용하는 부대찌개 집인듯?

사실 부대찌개 집에 가면 진짜 스팸이 아니라

뭐랄까 -0-; 스팸 따라한 친구들이

많이들 나오는데.. 이곳은 아닌거 같아요.

이런 생각을 가지고 메뉴판을 딱 보니!

스팸 부대찌개가 있네요!!ㅎㅎ

그리고 라면, 칼국수, 밥이 무제한 리필이에요!

남자분들끼리 와도 많이 드실 수 있을 듯 합니다.

부대 콩불 및 아이들을 위한 해피키즈밀!

등등이 있지만 부대찌개 집이라면

당연히 부대찌개를 시켜야겠죠?!

저는 메뉴판 추천인~!

완백 DIY(완백 + 스팸 부대지깨)를 시켰습니다.

기다리는 중 밖에 풍경도 한번 찍고

주차도 할 수 있으니 걱정마시고~~!

그리고 라면은 셀프 입니다.

홀 중앙으로 가다보면~

라면사리 이렇게 쫙~~~~

부담없이 가져가서 드세요!!

그리고 여기서 놀라운 점은..

백김치!!!!!!!!!-0-!!!

너무 맛있어...

부대찌개에서 백김치라..

이게 신의 한수 인거 같아요~~

개운하고 너무 맛있어요.

그리고 기본적으로 밥은 주세요.

부족하신 분들이나 아이들이 있으신 분은

그릇에 밥을 떠오시면 됩니다^^!

그리고 혹여 아이들이 잘 안먹는다면...

김가루가 준비 되어 있으니

셀프 주먹밥을 만들어 주셔도~~!

드디어 주문한 완백DIY가 등장했습니다.

햄이 뭔가 부족하죠??

기본적으로 셋팅을 해주신 다음에.

셋팅을 끝낸후에

스팸 투척!!!!!!!!!!!!!!

스팸 통에서 가득 들어 있는

스팸을 모두 담아 주십니다..

정말 많아요 -0-b.

행복해~~ㅋㅋ

보글보글~~~

크게 달라 보이지 않지만..

국물이 얼큰하고 맛있어요~~!

역시 부대찌개는 맛있는 햄이 들어가야

맛있는거 같아요~~!!ㅎㅎ

빠질 수 없는..

라면을 투척!!!

했지만..

국물이 금방 쫄았어요~~ ㅠㅠ

사장님왈 완백 부대찌개는 국물이 맛있으니

밥이랑 일단 먼저 먹은 뒤에 라면을 넣어서

먹으라고 하셨어요~~!ㅎ

이 다음은 밥을 먹느라 더 이상 사진이..ㅎㅎ

일단 객관적으로 완백 부대찌개 맛은

기대 이상이였어요~

특히 백김치가 짱!ㅎㅎ

가격이 저렴한 편은 아니지만

그래도 제대로 맛있는 부대찌개를

먹고 싶다면 완백 부대찌개 와셔 드셔도

후회 없으실 거에요^^!!

그럼 운정 코딩 샘

조이코딩연구소 장샘은

이만 물러 갑니다^^!!

휘리릭 뿅!!!

여러분 안녕~~!!

즐거운 여행을 떠난

조이코딩연구소 장샘 이에요!

1탄 까사32(CASA32) 방문기에 이은 2탄

시작하도록 하겠습니다.!!

자 그럼 후비고!!!

1탄을 안보신 분이라면~

클릭 클릭!!

http://jangenjoycoding.tistory.com/105

풀장에서 수영도 많이 했으니..

밥을 먹어야 될 때 입니다.

이미 숯으로 셋티을 샤샤샥!!!

불판은 2개를 준비해주셨어요.

숯도 아주 넉넉히 많이 주셨습니다.

바로 고기 셋팅 해야죠!!

삼겹살을 사왔어요~~

숯에다가 바로 먹을 땐 삼겹살이

기름기가 많아서 불이 활활!! 이라서

목심을 추천 하지만..삼겹살도 맛있기에..

작업 들어갔습니다.

허브솔트로 간을 먼저 했어요.

2kg를 사왔으니..어마어마 합니다.

매운맛과 순한맛으로 따로 구분 하였습니다.

층층으로 !!! 겹겹!!

왜? 삼겹살이닌깐!!

죄송합니다..(_ _)

대략 4층에서 5층으로~~

개인적으로 매콤한맛 맛있네용 -0-b.

2kg면 성인 6~7명 아이들까지

먹을 만큼 어마어마 합니다!

고기 굽기 위해서 배란다에 나왔을 때

풍경 또한 캬~~

마음이 시원하네요.

이제부터 완전 집중!!!

맛있는 고기라도 잘 못 구우면

맛이 없으니...집중해서 아자아자!

화력이 엄청 나네요...!!!

아주 불이 !! 기름이 떨어져서...

결국 호일을 구해서 하긴 했어요~!

삼겹살 먹을땐 호일 준비하기 안하기?!!

그리고 버터오징어...

ㅠㅠㅠㅠㅠ...

이게 정말 꿀맛~~!!

다들 꼭 사가세요~!

서서히 어둠이 다가 올때 쯤...

CASA32는 변신을 합니다.

바로바로바로

짜자잔~~!!

쿵쾅쿵쾅 음악과 함께 분위기가..

조금만 어리고 체력이 에너자이저 였으면

저녁까지 맘껏 노는건데~

이미 점심에...체력 방전..ㅎㅎ

아쉬운 마음에 나와봅니다.

CASA32(까사32)는 저녁에도 멋이 있기에~

뭔가 브랜드 같네요.

방으로 들어가기전에 전에..

아쉬움에..

다시 수영장에서 구경합니다.

혼자 구경하다보니..

뻘쭘해서 바로 들어오긴 했지만..ㅎㅎ

음악들으면서 책 보시는 분들도 있고

힐링하기에는 참..정말 좋아요.

그리고 ....

아침이 다가 왔을 때는..

당연히?

컵라면과 함께 합니다.

아침 일찍부터 나와서 수영을 하시는 분들이 있는데

아침 일찍부터는 온수가 아니에요!!

잊지 마세요!!

먹었던 흔적들도 깨끗이 치우고~

쓰레기 버리고 마무리 한다음에...

CASA32 내에 있는 카페에 가서

잠도 깰겸~

모카치노~!! 한잔!!

꼭 숙박이 아니더라도 카페에 점심때쯤 사람들이..

바글바글바글!!!!

아참 그리고 오전 11시에 퇴실 입니다.!

마지막 아쉬움을 달래며~~

동글이는 욜로족 언니들이 준 풍선을

받아서 아주 좋아하네요~ㅋ

욜로하세요.! 하면서 풍선을 주셨던

그 대학생 여학생? 단체 분들

감사드리며

여러분도 욜로 하세요^^!!!

그럼 이만

조이코딩연구소.

장샘의 CASA32 방문기는 이만

물러갑니다!!!

휘리리릭~

뿅!!

P.S : 얼마 전에 포미닛 현아도 여기서 파티를 했다고 하네요~

여러분 안녕!!!

파주 운정 조이코딩연구소

장샘 입니다!!(_ _)/

너무 오랜만이죠...

너무너무 바뻤어요~~~

오랜만에 돌아온 CDT3급 기출문제 풀이 시간입니다!

2017.07.15일에 진행 되었던 시험이며

3급 A형 기출문제 입니다^^!

자 그럼 코딩 속으로 고고고!!

벌써 잊지 않으셨죠?

1번문제는 스프라이트의 기본 구성들을 코딩 해야 하는 거죠!

 이름, 크기, 시작위치!

종종 이름을 바꾸지 않는 친구들이 있는데

꼭 바로 이름 바꾸기!! 잊지 말기요.

자 다음은 귀여운 도깨비 입니다.

90도(오른쪽) 보기를 하고

2초동안 외치고~~!

반복문을 이용하여 코딩 해봅니다.

그런데 말이죠!!

종종 학생들 중에서 헷갈려하는 부분이 있는데

아래와 같은 문제에서 반복하기를 어디까지 해야 되는지?

네모 박스(점) 안에 있는 '-' 서브 메뉴까지를

반복하기에 넣어야 되요.

그리고 다시 네모박스(점)은 그 다음에 순차적으로

코딩을 해야 됩니다!!

잊지 말기!!

자 여기까지 됐으면 시작(깃발 플래그) 눌러서 확인.!

다음은 풍선 스프라이트 입니다.

무대에서 숨겨져 있다가 도깨비를 따라서 나오는 효과 입니다.

여기도 주의할 점은 '벽'에 닿을 때까지 반복하고 나서

무대에서 숨기고 '1.5'초 후 모양을 변경해야 합니다.

반복문 안에 넣으면 큰일나요!!!

다음 4번 문제는 자동차 입니다.

방향키를 이용하여 점프 하는 효과를 나타내야 됩니다.

여기서 '개체'라는 표현이 나와서

어려워 하는 분들이 있는데

개체란 그냥 스프라이트를 말하는 거에요.

어렵다면 개체 = 스프라이트 이다.

라고 그냥 과감히 머리에 넣기.

홍시를 먹었으면 홍시맛이 나는거 처럼..그냥 외워봅시다!

개체의 X좌표 이 부분만 주의하면 어려울건 없을거 같네요.

자 다음은 5번 문제로 고고고.

마지막 문제는 항상 까다롭죠..

장애물 입니다.

주요블럭을 보니 난수를 이용하여 느려졌다가 빨라졌다가

자동차에게 다가오는 모양입니다.

타이머와, 왼쪽 바향을 난수를 이용하여

게임 하는 사람에게 타이밍을 빼앗겠다는 의지가 강하네요.

이번에는 관찰의 타이머 기능을 알고 있느냐와

모자이크?? 딱봐도 형태 잖아요!!

우리 배웠으닌깐!!!ㅎㅎㅎ

이 부분만 잘 캐치 했으면 무난하게 충분히

해내실 수 있습니다!!

자 그럼 오랜만에 돌아온 장샘

어떠셨나요? 마음에 드셨다면

하트를..아니면 하트를..

갈망하는 하트 결핍자 장샘이였습니다.

자 그럼 오늘은 이만!!

휘리리릭!!!

뿅!!!

P.S  : 파일이 필요하신 분은 답글 달아주세용^^!