Sangil's blog

https://github.com/ChoiSangIl Admin

구글 크로스 플랫폼 프레임워크 Flutter 시작하기(windows) DEV / PROGRAMING

2020-03-22 posted by sang12


이번에 Toy 프로젝트로 어플을 만들어 볼까해서 어떤걸로 만들지 고민을 하다가 구글에서 만든 크로스 플랫폼 프레임워크인 Flutter를 테스트 해보기로 했습니다. 네이티브로 자바나 코틀린을 이용하여 개발을 할까했지만... 그러면 아이폰은 서비스를 못함으로 이번기회에 크로스 플랫폼 프레임워크를 한번 테스트 해볼까 합니다. 그 중에 대표적인게 React Native와 Flutter란게 있더군요.(제가 학생일때는 자마린이 있었는데.. 현재는 React Native가 대새인거 같지만, 구글에서 서비스한다는 점에서 Flutter를 먼저 해보기로 했습니다).  설명이 잘되어 있는 글들을 몇개 봤지만 저는 실제로 해봐야 이해가 더 잘가더라구요. 그래서 이렇게 셋팅하는 방법을 포스팅하게 되었습니다.

일단 공식 사이트(https://flutter.dev/docs/get-started/install) 를 참고해서 진행하였습니다.

해당 사이트에 들어가서 Windows용 Flutter SDK를 다운로드 받습니다. D:\flutter에 압출을 풀고 (원하시는곳에 푸세요) flutter 명령어를 편하게 사용하기 위해서 환경변수를 설정해 줍니다.

D:\flutter\bin bin 폴더 경로로 Path를 설정해주면 됩니다.

그리고 위와같이 flutter doctor를 치면 flutter를 사용하기 위한 검사를 해주는데요 하나하나씩 저 !표를 지워보겠습니다 :) 일단 Android licenses not accepted. To resolve this, run flutter doctor --android-licenses는 run flutter doctor --android-licenses 요 명령어를 치면 사라집니다


Flutter plugin not installed , Dart plugin not installed 메세지는 안드로이드 스튜디오 에서 Flutter 플러그인과 Dart 플러그인을 설치해줘야 하는데요 Tool - sdkManager에서 Plugin으로 들어가 flutter를 설치해주면 dart와 함께 설치가 됩니다. 

vs code 관련메세지도 vscode에서 Flutter 플러그인을 설치해주면 됩니다 ( 근데 오류가나서 설치하긴 했는데, 안드로이드 스튜디오에서 진행 할껀데.. vscode까지 플러그인을 설치해줘야 되나 싶습니다. 이부분은 패스해도 될거같아요 ^^)

공식 페이지에서 보니 android sdk 저버전을 설치해주라고 되어있어서 설치해 줬습니다. 

다시 flutter doctor를 치면 연결된 장치가 없다는거빼곤 정상적으로 바꼈네요 그럼 이제 안드로이드 스튜디오에서 프로젝트를 생성해봅시다.

일단 Flutter를 테스트 하기 위한 AVD 가상머신을 등록해줘야 하는데요. 안드로이드 스튜디오 Tools 메뉴에서 AVD Manager에 들어가서 Create Cirtual Device를 누른다음에 api버전을 선택하고 생성해줍니다. api 다운로드 받는데 용량도 많고 시간도 조금 걸리네요.

가상머신을 만들었으면 위와같이 장치가 하나 생겼을 건데요 저기 Action에 재생버튼을 눌러서 실제로 가상의 휴대폰을 올려봅시다

이제 실제로 Flutter프로젝트를 생성해보겠습니다. 기존의 Java로 프로젝트를 생성할때와 비슷하네요.

짜쟌 이렇게 첫 Flutter 프로젝트가 생성되었습니다. 그럼 기본 예제를 실행해볼까요?

프로젝트 상단에 보시면, 위와같은 모양이있을텐데 아까 만들었던 가상머신으로 셋팅해주고 재생 버튼을 눌러줍니다.

처음 실행될 때 Gradle로 필요한 모듈들을 다 받아오나 봐요 시간이 꾀 걸렸습니다. 그리고 8기가 램을 가진 노트북 팬소리가 우렁차게 돌기 시작하네요 

우렁찬 팬소리가 끝나고 이렇게 기본으로 올라와있는 app을 실행해보았습니다 버튼을 누르면 숫자가 올라가네요 :). 여기까지 Flutter를 시작하는 방법을 알아봤습니다. 몇가지 간단하게 만들어 보고 React Native도 한번 해봐야 겠네요 ^^. 

#Flutter Window 설치 #Flutter 설치 #Flutter 시작하기 #크로스 플랫폼 Flutter
REPLY

수락산 등산 코스(4시간) 및 장암역 맛집 추천 INFO / LIFE

2020-03-20 posted by sang12


수락산 4시간 등산코스와 맛집을 소개합니다~. 저희는 수락산역에서 출발해서 장암역으로 내려왔습니다. 개인적으로 수락산 정말 좋았어요 ㅎㅎ 

수락산 역에서 내려서 자연스럽게 등산복을 입으신 분들을 따라갔습니다. 그렇게 입구를 찾고 :) 앞에있는 마트에서 귤한봉다리 사서 정상으로 향했습니다.

수락산 등반 1시간정도까지는 정말 편했거든요. 흙산일까? 싶을정도로 사뿐사뿐 올라갔는데.. 어느정도 올라가니 조금식 돌댕이들이 보이기 시작합니다.. 띠용. 

그리고 그 돌덩어리들과 함께 로프들이 보이기 시작하네요..? 장갑을 안끼면 ㅜㅜ 손에 물집 잡힙니다.. 꼭 장갑 챙겨가세요. 저희는 올라가며 장갑 챙겨올껄 하며 올라가는데 어떤 친절한 분들이 장갑을 주셔서 안전하게 올라갈 수 있었습니다 감사해요 정말!

독수리 바위라는데 독수리처럼 보이시나요..? 

한 2시간정도 등산하니 정상에 도착했는데요. 정말 이쁘더라구요 개인적으로 서울에서 타본 산 중에, TOP3에 뽑힐정도였습니다. 관악산 도봉산 수락산..! 

그리고 무엇보다, 장암역쪽으로 내려오는데 계곡물이 상부로부터 하부로까지 계속해서 내려오더라구요. 대체로 산은 내려오는 길이 재미가 없는데, 시원하게 물도 만져보며, 큰 바위 위에 흐르는 물을보며 즐겁게 내려왔답니다.

산을 타고 중요한건..? 막걸리..! 맞쥬? 산타고 먹으면 다 맛있어 그냥 아무데나 가자~ 라는 생각으로 간 닭갈비 집이였는데요. 이제 보니 이름도 수락산이네요 !

우연히 들린곳이 장암역 맛집이었어요! 저희는 더덕구이 1인분과 소금구이 1인분을 시켰는데요 맛있어서 소금구이 1인분을 추가해서 더 먹었답니다


더덕구이와 닭갈비의 만남은... 환상입니다 거기에 막걸리까지 한잔 하면... 크!!!

마지막으로 내려와서 한장~^^ 안전하게 산행하세요!


#장암역 닭갈비 #더덕구이 맛집 #수락산 등산코스 #수락산 맛집
REPLY

구글 웹마스터 도구(search console) 도메인(DNS) 방식 등록하기 BLOG

2020-03-17 posted by sang12


이번에 LETSENCRYPT를 통해 무료 SSL 인증서를 도입했습니다. 그래서 구글 웹마스터도구(SEARCH CONSOLE) 에서 HTTPS를 추가하기 위해 접속 했습니다. 그런데 왠걸 예전엔 이렇게 등록안했던거같은데.. 도메인 방식이 추가 되었습니다. 저게 뭐지..? 

 

모든 하위 도메인의 모든 URL(m., www. ...)
https 또는 http인 모든 URL
에는 DNS 인증이 필요합니다.

오오 설명을 보니 도메인하나만 등록 해주면 하위의 https, http, http://m.sang12.co.kr 과 같은 도메인들을 전부 처리를 해주나봅니다! 하필 제가 이렇게 https를 등록한 시점에서 말이죠 개꿀 :) 음..그런데 DNS인증이 어떤 말이지..? 일단 한번 해보기로 했습니다!

계속을 누르면 DNS 레코드를 통해 도메인 소유권을 확인이라는 화면이 나옵니다. 어라 근데 TXT레코드.. 어디서 많이 들어본거같습니다..! sang12.co.kr 이란 도메인을 등록 했을 때, 네임 서버를 등록하는 과정중에서 본거같아요!! 저는 도메인을 구입한 hosting.kr 이란 사이트로 이동했습니다.

그리고 네임서버 관리에 들어갔더니 레코드 타입에 텍스트가 존재하는게 보이네요 :). 내 도메인과 내 도메인의 서브 도메인에 텍스트 정보를 지정할 수 있으며 주로 SPF 레코드 값을 입력하는데 사용된다고 합니다. 뭔말인지...

일단 한번 해봅시다! 구글 웹마스터에서 준 인증값을 레코드 타입을 텍스트로 두고 넣어줬습니다. 우선순위는 소심하게 10이 2개이길래.. 11로..^^;
그리고 웹마스터도구에서 확인을 누르니... 오잉 인증값을 확인 할 수 없다고 나오네요.. 아놔.... 이게 아닌가..? 그런데 마침 밥솥에서 연기가 나며 알람 소리가 흘러나오네요.. 일단 먹고 해야죠..? ㅎㅎ 그리고 다시 30분쯤 후에 다시 인증을 하니 이렇게 소유권이 확인 되었습니다. 네임서버 설정을 변경하면 바로 적용되는게 아니라서 일정시간을 기다렸다가 다시 해야되나봅니다

이제 https와 http 같은 도메인들도 함께 관리가 되겠네요 :)

#구글 웹마스터 도구 도메인 등록 #search console DNS인증 #웹마스터도구 DNS인증 #구글 웹마스터 도구 인증

appletreeyj
2020-03-17 22:03:32

저도 저녁 먹으며 유익하게 보고있습니다 오늘도 감사합니다!:)

답글
11
2020-03-25 13:40:35

삭제된 댓글입니다.

답글
REPLY