YG - 96년생 , 강아지 있음, 개발자 희망

각종 토이프로젝트와 원티드 프리온보딩을 하며 json-server을 이용해서 개발하였는데 이때 사용된 히로쿠 웹서버가 freetier을 지원하지 않게됨으로써 이사를 해야했다. 우선 저는 WSL2 환경입니다. FLY.io 설치 방법 여기서부터 막혔는데 WSL2는 linux 기반이기에 linux 커맨드를 이용해서 설치했습니다. curl -L https://fly.io/install.sh | sh 이 때 별다른 설정을 하지 않으면 command not found가 나오게 되는데 The Fly Global Application Platform Documentation and guides from the team at Fly.io. fly.io 로그인 방법 flyctl auth signup The Fly Glob..

우아한테크코스 5기 프론트앤드 과정에 합격 ! 합격한 기념으로 지금의 생각과 고민했던 부분을 남기고 싶어서 블로그에 글을 작성 중입니다. (글쓰기 연습 겸) 1. 지원하기 전 처음에 우아한테크코스에 지원하기 전에 고민을 했던 부분이 있었다. 그건 바로 10개월의 커리큘럼인데 나의 경우 개발자로 직업을 삼아야겠다고 마음먹은 지 1년 하고도 몇 개월은 지났기에 이제는 돈을 벌어야 될 것 같은 기분이었기에 돈을 벌기까지 너무 오래 걸린다고 생각해서 지원을 고민했었다. 그렇지만 지원하게 된 이유는 우아한테크코스 설명회에서 우테코 원래 취지(취직에 어려움이 있는 사람들을 교육시켜 좋은 인재로 거듭나게끔 하는 취지)에 맞게 비전공자 또는 다른 교육기관에 참여해보지 않거나 혜택을 별로 못 받은 사람들 개발자로 일을 ..

wsl2 환경에서 한글 폰트가 존재하지 않고 Ubuntu 환경에서 VcXsrv를 실행하기에 VcXsrv Windows X Server 가 한글을 인식하지 못하기 때문입니다. 참고 사이트 - https://kimchki.blogspot.com/2017/11/vcxsrv-windows-x-server.html VcXsrv Windows X Server 한글 깨짐 치매 걸리기 전에 기록하자 kimchki.blogspot.com https://clien-achive.blogspot.com/2016/08/bash-on-ubuntu-on-windows-1.html [강좌] Bash on Ubuntu on Windows 조금 편하게 한글 쓰기 [1] 모바일 페이지 얼마전 모공에 Bash on Ubuntu on Win..

errorHandler // 1번 방법 function errorHandler(tryFunc, errorFn) { try { tryFunc(); return true; } catch (error) { errorFn(); return false; } } function errorHandler(tryFunc, catchFunc, nextFunc) { try { tryFunc(); return true; } catch (error) { Console.print(error.message); catchFunc(nextFunc); return false; } } // 2번 방법 const inputErrorHandler = (validate, input) => { try { validate(input); retur..

설치 1. eslint, prettier 패키지 설치 npm install -D eslint prettier 2. airbnb eslint 설정 패키지 설치 npx install-peerdeps --dev eslint-config-airbnb 3. prettier eslint 플러그인 및 설정 패키지 설치 npm install -D eslint-config-prettier eslint-plugin-prettier eslint-plugin-prettier: prettier 규칙을 생성하는 eslint 플러그인 eslint-config-prettier: eslint와 prettier간 충돌나는 규칙을 비활성화해주는 eslint 설정 4. package.json 을 git discard 해주기 discard ..

https://www.electronjs.org/docs/latest/tutorial/quick-start Quick Start | Electron This guide will step you through the process of creating a barebones Hello World app in Electron, similar to electron/electron-quick-start. www.electronjs.org yarn add --dev electron elctron을 설치하는 것은 어렵지 않습니다. 문제는 WSL2 환경에서는 모니터가 없고 , 기본적으로 linux라면 깔려있어야 할 것들이 안깔려있어서 많은 오류를 만나게 되어 이 글을 작성하게 되었습니다. [에러코드] 디스플레이가 없다..

정리 및 회고 새로 알게 된 점 기능 요구 사항을 보고 기능 목록을 만든 후 기능 단위별로 git 커밋을 하는 방법 문자열, 숫자 , 에러 메시지 등을 상수로 관리하는 방법 올바른 함수(변수) 명을 사용하는 방법 클래스(객체)를 분리하는 연습 한 가지 함수가 한 가지 일만 하도록 분리하는 연습 핵심 로직을 구현하는 코드와 UI를 담당하는 로직을 구분하는 연습 도메인 로직에 대한 단위 테스트 클래스(객체)의 필드 혹은 상태 접근을 제한하려고 # prefix를 사용하여 의도치 않게 값을 변경하지 않도록 하는 연습 테스트 코드를 작성할 때 반복적으로 진행되는 부분을 each 문을 통해 중복되지 않게 효율적으로 진행하는 연습 eslint의 rule을 추가해서 원하는 클린 코드 규칙을 추가할 수 있었던 것 올바른..

https://www.acmicpc.net/problem/14503 14503번: 로봇 청소기 로봇 청소기가 주어졌을 때, 청소하는 영역의 개수를 구하는 프로그램을 작성하시오. 로봇 청소기가 있는 장소는 N×M 크기의 직사각형으로 나타낼 수 있으며, 1×1크기의 정사각형 칸으로 나누어 www.acmicpc.net 풀이 방법 지문의 조건처럼 왼쪽으로 이동할 수 있으면 이동 후 청소를 하며 방향을 전환해야 한다. 그래서 각 방향마다 dx,dy 배열을 어디서 탐색할지 바꾸어 주어야 하는데 dir 을 이용하여 dir + i로 북 , 서 , 남 ,동을 순서대로 탐색하도록 하였고 만약 청소를 할 수 있다면 청소를 한 후 break 문을 통해서 반복을 끝내주고 청소를 하지 못했다면 후진을 하여 뒤에 벽이 나올 때 까..