본문 바로가기

전체 글

 (21)
[Flutter] 이미지 불러올 때 'unable to load image asset' 에러 해결방법(매우 쉬움 주의) Flutter 앱 개발을 할때, 이미지 파일을 불러와야 하는 경우가 있다. home 디렉토리 밑에 asset/img 폴더를 추가하고, pubspec.yaml 의 flutter 밑에 이미지 파일을 넣은 경로를 넣어주면 된다. 이렇게 하고 pub get 버튼을 눌러주면 끝인데..! 'unable to load image asset' 에러가 떠버렸다. 블로깅 하며 찾아본 결과 1. pubspec.yaml 에 경로를 넣을 때 들여쓰기를 잘했는가? (tab 또는 띄어쓰기 2번) 2. flutter clean 3. android studio 껐다가 다시 켜기 정도가 있어서 순서대로 따라해봤는데, 껐다가 다시 켜니까 잘 되더라^^..
[Flutter] Webview 사용하기 (버전 4.x.x) Flutter 버전이 올라가서 전에 올렸던 글의 webview 사용법과 다른점이 있다. 이번 글에서는 버전 4.x.x 일 때의 webview 사용법에 대해 다뤄보겠다. 3.x.x 버전에서는 body의 WebVIew에 controller 를 넣어주고, url 세팅 등을 했는데, 4.x.x 버전에서는 WebViewController를 맨 위쪽에 미리 선언 및 초기화를 사용할 수가 있게 되었다. 기존의 url도 uri로 parse 해서 사용해야한다..! 추가로, 앱을 실행하기 전까지 Flutter 프레임워크가 기다리게하는 방법도 배웠다.
[Flutter] webview 사용하기 2 이제 본격적으로 WebView를 사용해보자. body에 WebView 위젯을 넣어주고 initialUrl을 입력해주면 끝이난다. 이렇게 간단할수가!! 앱화면의 상단에 App bar 도 넣어 줄 수 있는데, appBar 에 AppBar 위젯을 넣어주고, actions 배열에 icon과 icon을 눌렀을 때 취하는 동작을 넣어주면 된다. 나는 홈버튼을 추가했다. 오늘 강의에서는 controller의 개념에 대해서 배웠는데, controller는 webview 위젯의 내부를 외부에서 조작할 수 있도록 해준다. onWebViewCreated 를 추가해서 webview가 켜졌을 때 WebviewController 를 HomeScreen 맨 위에 선언한 controller에 넣어주고 이후에 controller를 통..
[Flutter] webview 사용하기 1 (feat.pub.dev) Flutter webview 를 사용해보자. 아래 웹사이트 접속. https://pub.dev/ 가장 인기가 좋은, 공식 flutter 팀이 만든 webview_flutter 선택! 복사 버튼 클릭 후 pubspec.yaml 의 dependencies에 에 복사 붙여넣기. (나는 강의를 보고 따라하기 때문에 3.0.0 버전으로함) ※ 참고 버전 앞에 ^이 붙은 이유: x.x.x : 메이저버전.마이너버전.패치버전 예를들어 3.0.0 이란 것은 메이저가 3번째 버전, 마이너는 0번쨰, 패치는 0번째 버전이란 뜻이고 마이너 버전과 패치 버전만 자동으로 업데이트 하고 메이저 버전은 버전이 바뀌어도 자동 업데이트를 하지 않겠다는 의미. 저장 후 맨위에 뜨는 Pub.get 클릭 마지막으로 app/build.grad..
프로그래머스: 크레인 인형뽑기 게임(파이썬 알고리즘 공부) 문제 출처: https://programmers.co.kr/learn/courses/30/lessons/64061 코딩테스트 연습 - 크레인 인형뽑기 게임 [[0,0,0,0,0],[0,0,1,0,3],[0,2,5,0,1],[4,2,4,4,2],[3,5,1,3,1]] [1,5,3,5,1,2,1,4] 4 programmers.co.kr 문제 설명 게임개발자인 "죠르디"는 크레인 인형뽑기 기계를 모바일 게임으로 만들려고 합니다. "죠르디"는 게임의 재미를 높이기 위해 화면 구성과 규칙을 다음과 같이 게임 로직에 반영하려고 합니다. 게임 화면은 "1 x 1" 크기의 칸들로 이루어진 "N x N" 크기의 정사각 격자이며 위쪽에는 크레인이 있고 오른쪽에는 바구니가 있습니다. (위 그림은 "5 x 5" 크기의 예시입..
프로그래머스 위클리 챌린지 4주차: 직업군 추천하기(파이썬 알고리즘 공부) 문제 출처: https://programmers.co.kr/learn/courses/30/lessons/84325 코딩테스트 연습 - 4주차_직업군 추천하기 개발자가 사용하는 언어와 언어 선호도를 입력하면 그에 맞는 직업군을 추천해주는 알고리즘을 개발하려고 합니다. 아래 표는 5개 직업군 별로 많이 사용하는 5개 언어에 직업군 언어 점수를 부 programmers.co.kr 문제 설명 개발자가 사용하는 언어와 언어 선호도를 입력하면 그에 맞는 직업군을 추천해주는 알고리즘을 개발하려고 합니다. 아래 표는 5개 직업군 별로 많이 사용하는 5개 언어에 직업군 언어 점수를 부여한 표입니다. 점수 SI CONTENTS HARDWARE PORTAL GAME 5 JAVA JAVASCRIPT C JAVA C++ 4 J..
[서평] 기브앤테이크 - 애덤 그랜트: 다른 사람을 내 생각대로 움직이게 하는 법 내가 최근에 읽은 책인 에는 팀원을 잘 구슬리는 법에 대한 이야기가 나온다. 정확하게는 팀원의 잠재력을 이끌어내어 업무의 효율성 및 성과를 올리는 방법에 대한 이야기이다. 팀원을 자기 뜻대로 구슬리기 위해서는 해야 할 일이 있다. 그 일에 대해 소개하려고 한다. 가장 첫 번째로 해야 할 일은 그 사람에게 '잠재력이 있다고 믿는 것'이다. 의 저자는 ‘성공하는 기버는 기본적으로 모든 사람에게 잠재력이 있다고 본다’고 말한다. 누구에게나 잠재력이 있다고 믿는 것은 다른 사람을 내 뜻대로 구슬리기 위한 기본 중의 기본이다. 상대방이 나의 일을 위해 도움을 주는데, 그 사람을 믿지 못한다면, 그 사람의 능력을 믿지 못한다면 일이 제대로 진행될 리가 없다. 두번째로 해야 할 일은 그 사람에게 ‘동기부여’를 해주는..
[서평] 미움받을 용기1 - 고가 후미타케: 열등감 자체는 그다지 나쁜 게 아니다. 우리나라에서 한때 붐을 일으켰던 란 책에는 이런 말이 나온다. “열등감 자체는 그다지 나쁜게 아니다.” 나는 열등감 때문에 인생이 불행한데, 이 무슨 뚱딴지 같은 말인지. 책의 저자는 열등감과 열등감 콤플렉스는 다르다고 말한다. 열등감이란, 우월해지고 싶지만 아직 그러지 못한 데서 오는 감정이다. 따라서 열등감을 잘만 활용한다면, 노력과 성장을 자극하는 계기가 될 수도 있다. 하지만, 열등감 콤플렉스 이 놈은 좀 심각하다. 열등감 콤플렉스란 자신의 열등감을 변명거리로 삼기 시작한 상태를 말한다. 우리는 A라서 B를 할 수 없다고 말하는 경우가 종종 있지 않은가? 예를 들어, “나는 지방대라서 성공할 수 없어.” 라고 말하는 경우처럼. 책에 등장하는 심리학자인 알프레드 아들러는 이것을 ‘무늬만 인과법칙’이..

티스토리툴바