analogcoding

오늘의 이슈 - 날짜를 화면에 보기 편하게 출력해보기. MomentJS 란? 자바스크립트에서 날짜 형식의 데이터를 파싱, 유효성 체크, 조작, 화면에 출력을 쉽게 할 수 있도록 도와주는 라이브러리입니다. npm install 로 설치 후 사용하는 방법 -> 설치 , 필요한 함수는 DOCS 에 너무나 잘 나와있다. https://momentjs.com Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time..

What is Prettier ? Visual Studio Code Extention 으로 정해진 규칙에 따라 자동으로 코드 스타일을 정리 해주는 도구입니다. 여러 규칙들을 쉽게 커스터마이징 할 수도 있습니다. Why use Prettier ? 코드를 저장 시 정해놓은 규칙에 맞게 자동으로 정렬해서 가독성을 높이고 코드 스타일을 통일할 수 있습니다. How to Start ? Visual Studio Code Extention 에서 Prettier 를 검색하고 설치합니다. 이 후 VS Code를 재 시작 한 후 setting 에서 규칙을 설정하면 코드를 깔끔하게 정리할 수 있습니다. { "singleQuote": true, // 따옴표 고정 "semi": true, // 코드 끝에 ; 설정 "useTab..

What is ESlint ? ES ( EcmaScript ) + Lint ( 에러 코드 표식 ) 코드에 특정 스타일과 규칙을 적용해서 문제를 사전에 찾고 패턴을 적용시킬 수 있는 정적 분석 툴입니다. airbnb 등 미리 스타일과 규칙이 정해진 rule 을 적용시킬 수도 있습니다. 개발자가 자신만의 스타일과 규칙을 유동적으로 정해서 적용할 수 있습니다. Tip* ( airbnb 와 airbnb-base 의 차이는, airbnb-base 에는 리액트 관련 규칙이 들어있지 않습니다. ) Why use ESlint ? 다양한 플러그인을 사용해서 새로운 규칙을 추가하고 커스텀할 수 있습니다. 즉 뛰어난 확장성을 바탕으로 다른 사람들과 같은 환경에서 개발을 진행할 수 있습니다. How to Start ? 많은 ..

What is Jest ? Jest 는 코드가 제대로 동작하는 지 확인하는 test case 를 만드는 '테스팅 프레임워크' 입니다. Why use Jest ? lint 가 코드 스타일에 rule 을 정하는 것이라면 코드가 올바른 기능을 하는 지 체크할 수 있습니다. 이를 통해서 보다 안정적이고 제대로 동작하는 코드를 작성할 수 있습니다. How to Start ? package.json 파일을 만들고 Jest 라이브러리를 개발 의존성으로 설치합니다. yarn 과 npm 모두 간단하게 설치 가능합니다. yarn add --dev jest npm install --save-dev jest Tip* ( -dev 는 package.json 안에 dependencies 가 닌 devDependencies 에 저..

발생오류 window10 npm command not found 맥 사용자인 나에게 환경 질문은 너무나 고통스러웠다. 먼저 stack overflow 를 뒤지다보니 몇가지 해결책을 찾아보았다. 1. nvm , npm -v 버전을 확인해서 제대로 설치된지 확인한다. (version update) 2. cache 삭제 후 rebuild 를 한 후 다시 install 을 진행한다. 3. package.json 을 찾을 수 없음. 있다면 삭제 후 npm init , npm install 실행 해결실패. window10 환경에서 비슷한 이슈를 겪은 사람들의 해결책을 실행보았지만 대부분 실패했다.ㅠㅠ --> 우분투 설치로 대체 응급처치...

Warning: Problem validating app.json: Unable to perform cache refresh 부터 icon 뭐시기까지.. 여러 Error 가 발생 . 침착하게 구글링한 결과 app.json 과 package.json 버전이 다름을 확인. 수정했지만 여전히 오류 발생. 그런데 발생 위치가 글로벌에 있는 .expo 파일에 schema 에서 오류가 발생했다. 들어가보니 버전이 33.0.0 으로 되어있고 현재 내 expo 에서의 버전은 34.0.1 이었다. 두 버전이 달라서 생기는 문제일 것이라 생각하고 버전을 33.0.0 으로 다시 npm install 후 실행하니 해결되었다.. 이틀을 꼬박헤맸지만 어쨌거나 해결..

간단한 Git 명령어와 GitHub 를 사용하여 fork, clone, push 하는 흐름을 알아봅니다. Git 에는 Staging Area 라는 공간이 존재합니다. 어떤 변경 사항이 저장소에 commit 되기 전에, 반드시 거쳐야만 하는 중간 단계입니다. ( repo 를 local 환경으로 받아와서 작업 후 add 할 경우 staging Area 상태가 됩니다. ) Staging Area 존재해서 작업 트리 안에 있는 commit 이 필요 없는 파일들을 포함하지 않을 수 있고, 파일에서 내가 원하는 일부 변경 사항만 등록해 commit 할 수 있습니다. Simple Git Commend git init : git 저장소를 초기화( 생성 ) 합니다. git status : 저장소에 상태를 확인합니다. g..

코드스테이츠에서 프리코스를 거쳐 이머시브 과정까지 마무리하는 단계에 이르렀다. 여전히 나는 아주 기초적인 것도 모르고 쉬운 것도 낑낑거리면서 해결하는 수준이다. 내 실력과 지식에 대한 불신과 끌려다니듯 해결한 스프린트들을 생각하면 아직도 최소 몇달은 복습을 해야한다는 것을 알고 있었다. 그런 생각을 하던 차에 코드스테이츠 CSE 포지션 공고가 떨어졌고 큰 기대없이 지원했다. 너무 감사하게도 좋은 기회가 나에게 왔고 부족한 나를 더 돌아보고 컴맹으로 시작한 비전공자분들에게 도움을 드리면서 함께 공부하면서 나아가고 싶다!