본문 바로가기

분류 전체보기

 (73)
[Flutter] Flutter 화면 세로, 가로 고정 방법 안녕하세요, 황대성입니다. 이번 글에서는 Flutter에서 가로, 세로 화면 고정하는 방법을 포스팅하려 합니다. (How to fix screen direction in Flutter) 1. import 'package:flutter/services.dart'; 를 임포트 해줍니다. 2. StatefulWidget을 사용한다면 아래와 같은 방법을 사용하세요! import 'package:flutter/services.dart'; import 'package:flutter/material.dart'; class Test extends StatefulWidget{ _Test createState() => _Test(); } class _Test extends State { @override void init..
What is AI? 안녕하세요, 황대성입니다. MIT Patrick Winston교수님의 Introduction and Scope를 주제로 한 강의를 보고 난 후 작성하는 글입니다. 강의를 보며 인상깊었던 부분, 혹은 제가 새롭게 배우고 학습했던 지식들을 작성하려합니다. 제가 직접 정리하며 작성한 글이라, 정확한 정보가 아닐수도 있으니 유의하여 글을 읽어주시면 감사하겠습니다. 글 아래에 원본 강의 영상링크를 첨부할테니, 관심있으신 분은 보시는것을 추천드립니다! 목차 인공지능이란? 룸펠슈틸츠헨 원리란? 인공지능은 무엇을 위해?? 이 외의 중요하다 생각한 것들 강의를 모두 본 후 나의 생각 인공지능이란? 인지하는것과 행동하는 것과 관련이 있다. 사고, 인지, 행동을 중점으로 한 모델을 이야기 한다. “인공지능은 사고, 인지, ..
[React] Chrome에서 video tag autoplay 오류 해결 안녕하세요, 황대성입니다! 이 포스팅은 다음과 같은 순서로 진행됩니다. 목차 발생한 오류 해결 방법 발생한 오류 영상을 자동으로 재생하기 위해 video tag에 autoplay를 준 코드를 작성하였다. 이렇게 코드를 작성해서 다양한 환경에서 테스트를 해보았다. 사파리, 엣지, 파이어폭스에서 정상적으로 잘 작동되었다. 하지만 Chrome(크롬) 브라우저에서만 자동으로 재생이 되지 않았다. 해결 방법 재생하려는 비디오를 음소거하거나, 재생하려는 비디오의 음량이 0이여야합니다. 그래서 위의 코드를 아래와 같이 변경하였습니다. 해결 방법은 굉장히 간단하지만, 원인을 모르면 정말 답답한 오류라서 포스팅 해보았습니다. 모두 즐코합시다~ 참고한 사이트 video 태그 autoplay 재생이 안될때 (Chrome /..
[Flutter] Flutter에서 Hex값을 사용해 색상 설정 방법 안녕하세요, 황대성입니다! 이번 포스팅에서는 Flutter에서 제공하는 Colors에 있는 색상이 아닌, 개발자가 원하는 색상 (Hex, RGB...)을 사용하는 방법에 대해 포스팅해보려고 합니다! 엄청 쉬울 것 같지만 제가 개발하면서 막혔던 부분이었기에, 저와 같으신 분들이 조금이라도 더 도움이 되었으면 하여 글을 작성합니다!! Flutter에서 색상을 지정하는 다양한 방법들이 있습니다. // 가장 기본적인, Colors를 사용하는 방법 color: Colors.red; // ARGB 혹은 RGBO를 사용하는 방법 color: const Color.fromARGB(); color: const Color.fromRGBO(); // Hex값을 정수로 바꾸어 사용하는 방법 color: const Color(..
소프트웨어 마이스터고 현장실습 후기 안녕하세요, 황대성입니다! 길었다면 길었고, 짧았다면 짧은 현장실습이 끝났습니다. 그래서 이번 포스팅에서는 한 달 동안 경험했던 현장실습 후기를 작성하려 합니다. 이 글을 현재 소프트웨어 마이스터고에 재학 중인 학생이거나, 혹은 소프트웨어 마이스터고에 관심이 있는 학생들이 읽었으면 좋겠습니다. 이 글을 읽고 각자 자신의 진로를 선택하는 것에 있어서 도움이 되었으면 좋겠습니다! 세 가지 사항들보다 말하고 싶은 말들은 많지만, 동갑 혹은 나보다 나이가 어린 사람이 잔소리를 한다면 귀에 들리지 않을 거라 생각합니다. 물론 저도 그렇게 느낄 것입니다. 그래서 꼭 지켰으면 하는 세 가지를 작성했습니다. 그리고 마지막에 나오는 네 번째 사항들은 한번씩 읽어주셨으면 좋겠습니다. 현장실습을 경험하면서 느꼈던 점들을 작..
[Flutter] Mac + VS Code Flutter 개발 환경 세팅 안녕하세요! 황대성입니다. 이번 포스팅에서는 Mac + Visual Studio Code에서 Flutter 개발환경 세팅 방법을 작성하려 합니다. 포스팅하기 전 준비물이 필요합니다. Android Studio 설치 (https://developer.android.com/studio?hl=ko) XCode 설치 Visual Studio Code 설치 (https://code.visualstudio.com/) 준비물이 모두 준비되었으면 아래의 순서로 진행해주시면 됩니다. Visual Studio Code의 Flutter Extension 설치하기. Flutter SDK 설치 및 환경변수 설정하기. Flutter Doctor 실행하여 미설치되어있는 항목 설치하기. 행복하게 Flutter 코딩하기! 1. Vis..
Visual Studio Code Prettier 간편 설정 안녕하세요! 황대성입니다😀 이번 포스팅에서는 Visual Studio Code에서 Prettier 설정 방법을 다루려고 합니다. 글을 시작하기 이 전 Prettier가 무엇이고? 사용했을 때 장점을 말씀드리려고 합니다. Prettier 란? Prettier란 코드를 정해진 방식대로 자동으로 정렬시켜주는 Code Formatter 입니다. 사용 예시 너무 극단적인 예긴 하지만 가장 명확하게 보여드릴 수 있어서 준비했습니다! 왼쪽의 Tab과 같이 정렬이 되어있지 않은 코드를 Ctrl + S 즉, 저장만 하더라도 오른쪽과 같이 이쁘게 자동으로 코드를 정렬시켜줍니다! Prettier를 써서 얻는 장점은? 코드를 일정한 규칙으로 동일하게 정렬함으로써, 협업할 때 꼭 필요합니다! Prettier 설정 방법 * Wi..
2020.08.20. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.08.20. 오늘의 목표 프론트엔드 개발자 면접 질문 #2 작성 Delivery Helper 개발하기 실제 면접에서 받았던 사전 과제 정리해서 포스팅하기(프론트엔드 개발자 면접 질문 #3 작성) 오늘 프론트엔드 개발자 면접 질문 #2와 #3을 작성하였습니다. 프론트엔드 개발자로 면접을 보러 가시는 분들 혹은 신입 개발자 분들에게 많은 도움이 되었으면 좋겠습니다. 프론트엔드 개발자 면접 질문 #2 프론트엔드 개발자 면접 질문 #3 2020.08.20. 회고 오늘의 목표를 이루었는가? 프론트엔드 개발자 면접 질문 #2 작성 Delivery Helper 개발하기 실제 면접에서 받았던 사전 과제 정리해서 포스팅하기..

티스토리툴바