2021년 목표설정

이미지
기본적으로 작년에 달성하지 못한 것들을 하려고 생각중인데..코로나가 언제까지 이어질지, 한국이나 북해도는 갈 수 있을지..자격증은 응시 가능할지..여러가지가 불확실하다. 2021년은 무엇보다 정신적인 부분과 경제적인 부분에 중점을 두고 조금 더 치열하게 지내보고 싶다. 일본나이로도 30대 마지막 해, 이제 불혹에 접어드는 나이..복잡하지만 심플하게. 육체적목표 : 트라이에슬론 스탠다드 도전하기 정신적 : 자격증2개 도전 + 자체개발 서비스 론칭 가족적 : 가정의 평화를 유지하기 경제적 : 외식과 유흥비를 줄이고 부수입을 늘려서 결과적으로 저축하기 사회적 : 목표세미나를 포함해서 민단과 개인인맥의 활성화와 교류를 촉진하기

[메모] 깃허브에서 클론 후 패키지 실행하는 방법

깃을 실무나 혹은 공용 프로젝트에서 써본 적 없이 혼자서 공부한답시고 설치는 했는데.. 도무지 사용법이 익숙해지지 않아서 메모. 로컬에서 폴더 만들어 초기화 하고 깃허브에 레포지토리 만들어서 소스 올리는 건 저번에 정리했는데.. 반대로 로컬 혹은 다른 컴퓨터에서 깃허브에 올린 소스를 내려받아서 사용하거나 동기화를 시켜서 푸쉬를 하는 방법을 모르겠어서 정리.. 우선, 저장소 혹은 레포지토리에서 소스를 받아서 로컬에 저장한다. 깃허브 페이지에 있는 녹색버튼을 이용하면 ZIP파일로도 받을 수 있지만, 명령어를 사용하면 편리하다. >git clone https://github.com/<저장소명> 다음, 레포지토리의 마스터 브런치를 pull 해서 가져오면 되는듯. >git pull https://github.com/<저장소명> master 문제는 요렇게 해서 받은 프로젝트가 node.js & react-native 인데 node_modules 파일이 다 사라져서 다음과 같은 에러가 나더라. Error: node_modules directory is missing. Please run `npm install` in your project directory. Couldn't start project. Please fix the errors and restart the project. 깃허브에 소스가 다 올라갈거라 생각했는데 그게 아니라..실제 코딩한 파일만 올라가고 패키지로 엮여있는 모듈 및 라이브러리는 ./pakage.json 에 정의되어 있으므로 재인스톨?? 추가를 해줘야 한다. > npm install 어찌보면 당연한건데 예전에 svn에서 모든 파일 몽땅 올리고 내려받던 습관이 있어서 그런가.. 엄청나게 발전된 기술과 개념을 제대로 이해하지 못하니 복잡도만 올라가고...큰일이다...ㅠㅠ 참고 : 깃허브에서 저장소 내려받기 ->  https://emflant....

[react-native] uuid 생성이 에러가 날 때 대처법 

ToDo 앱을 연습하는데 ID생성이 안되더라.. uuid 라는 패키지를 사용하면 된다던데 한참을 헤메었다. 우선, 맥에서는 Xcode가 설치되어 있지 않으면 안되니 필히 설치할 것. 다음, npm 으로 다음 명령어를 입력해서 uuid를 설치한다 > npm install --save uuid 그리고나서 필요한 페이지에 다음과 같이 임포트 하면 된다던데... import { v1 as uuidv1 } from 'uuid' ;     const ID = uuidv1 (); 안된다..에러난다..ㅠㅠ Error :  crypto.getRandomValues() not supported. 신나게 찾아보니  react-native-get-random-values 를 설치하라길래 했다. > npm install --save  react-native-get-random-values 설치 후 페이지에 임포트 import 'react-native-get-random-values' ; 그래도 에러가 난다...열심히 찾아봤는데 버전문제?? v1은 비추라고 다른 거 써봤는데 똑같다. Error: TypeError: null is not an object (evaluating 'RNGetRandomValues.getRandomBase64') 콘솔에도 안찍히고..그냥 랜덤값이 생성이 안되더라..상수로 값 집어넣으면 멀쩡하게 움직임. 리엑트 네이티브에서 사용가능한 react-native-uuid 도 있다길래 해봤는데 안된다..ㅠㅠ Error :  undefined Unable to resolve module `buffer` from `node_modules/safe-buffer/index.js`: buffer could not be found within the project. 버퍼 지워보고 실행해도 똑같고...재설치를 해봐도 안되고...그러다가 참고 ...

[react-native] expo 랑 안드로이드 에뮬레이터 연결하기

1. 먼저 안드로이드 스튜디오를 설치한다 2. AVD Manager 를 실행해서   Android Virtual Device(AVD)  를 만든다 https://developer.android.com/studio/run/emulator?hl=ko 3. 시스템 환경변수에 에뮬레이터가 있는 폴더를 패스로 설정한다. (보통 사용자폴더의~\Local\Android\Sdk\emulator) 4. 비주얼스튜디오코드의 확장기능인  Android iOS Emulator 를 설치한 후, 설정에서   Emulator Path 에 3에서 설정한 패스를 전체경로로 넣어준다 . 5. 비주얼스튜디오코드에서 에뮬레이터가 실행되는 것을 확인한 후, 에뮬레이터에서 [설정] -  [buildNumber] 항목을 찾아서 수차례 클릭해서 개발자모드로 전환시킨다. https://qiita.com/ageage-hamsters/items/c5dd95c9f6dc87dac298 6. 커맨드창에서 다음의 커맨드를 입력해서 expo 를 안드로이드 에뮬레이터와 함께 실행하거나, 웹으로 제공되는 개발툴에서  Run on Android device/emulator 메뉴를 선택한다. 어찌 설정은 했고 돌아는 가는데 이게 엄청나게 느려서..제대로 써먹을 수 있는건지 의문.

[메모] Git 초기화 순서 정리

맨날 까먹어 ㅠㅠ 1. 프로젝트용 폴더를 만들고 초기화 한다. 어떤 라이브러리 쓰느냐에 따라서 다르겠지만 ㅋ EXPO를 예를 들면 (Node.js 인스톨 했다고 가정)  > npm install expo-cli --global  > expo init [project name]  > cd [project name] 2. github에 가서 새로운 레포지토리를 만든다, 이름은 프로젝트명, 공개, 초기화문서 작성옵션 체크 3. 새로 만든 레포지토리의 URL을 복사해둔다 4. 커멘트창으로 돌아와 다음 순서로 입력  > git remote add origin [Github Repository URL]  > git pull origin master  > git add .  > git commit -m "Initial commit"  > git push origin master 에러 안 나면 성공, 에러가 나면 이전에 만든 정보랑 엉키거나 하는 경우니까 강제로 초기화 하는 커멘드 찾아서 넣기

[TIP] iframe에 넣는 문서의 높이가 일정하지 않을때 자동으로 조절하는 법 feat..CrossDomain

아잌후...이걸로 또 반나절 보냄 ㅋㅋㅋ 하고싶은 것은, 예를들어 index.html 페이지에 iframe을 박아놓고, 다른 도메인에 있는 todaylist.html 을 불러서 그 안에 표시하고 싶은데..todaylist 는 서버스크립트로 돌아가는 페이지라 리스트가 늘어나거나 줄어드는 등, 사이즈가 고정되어 있지 않다. iframe을 크기고정 하면 리스트가 길어지는 경우 잘리고, 크기고정을 하지 않으면 스크롤이 생겨서 지저분하니까..불러올 때 리스트의 길이를 구해서 iframe 사이즈를 변경하고 싶은거다. 같은 도메인이면 그냥 되는데, 도메인이 다른 경우 크로스도메인 뭐시기 해서 보안상 브라우저가 막아버린다..ㅠㅠ 브라우저 세팅을 바꿀 수는 없는 상황이고, ajax 등 비동기도 아니고..하다가 찾아보니, postMessage() 를 사용하면 된다길래 삽질하다가 성공했다. 방식은, todaylist 파일이 로드가 되면, setHeight() 를 호출해서 테이블의 높이를 가져온 후, px 문자열을 붙여서 (편의에 따라서 값만 넘겨도 ㅇㅋ) postMessage를 발신한다. 이 때, 파라메터의 "*" 에 도메인을 넣어주는게 좋음. [todaylist.shtml] // 역시나 부분생략 < BODY >    < table   class = "todaylist" >     // 테이블은 서버스크립트에 의해서 생성됨    </ table >    < script >   ( function (){      function   setHeight (){          const   todayList  =...

「TIP」인스톨이나 다운로드 없이 개발환경을 제공하는 서비스 정리 by 노마드코더

Code sandbox( https://codesandbox.io/ ) 자바스크립트에 특화된 온라인용 개발 툴. VSC의 웹브라우저 버전같음. repl.it( https://repl.it/ ) 다양한 언어를 프로토타이핑 할 수 있음. git 하고 연동하면 ㅎㄷㄷ 할 듯?? snack.expo( https://snack.expo.io/ ) 모바일 애플리케이션을 프로토타이핑 할 수 있음. react & react.native 조합임. 참..세상 좋구나 ㅋㅋ 편하구나 ㅋㅋ 하지만 코딩을 열심히 안 하면 의미가 없지..ㅇㅇ [동영상] 아이패드로 코딩할 수 있나요? 꿀팁 대방출!

[실습] NodeJS + ExpressJS 로 Landing page랑 CRUD 기능 구현하기

이미지
뭘 어찌 공부할지 몰라서 찾아봤더니 우선 만들고 보라더라. 근데 뭘 만들지?? 어떻게 만들지?? 를 모르는데 만들라고 하면 그게 되나 ㅋㅋ 그렇다고 기존처럼 하나하나 개념공부 하고 예제소스 치는 건 아무 도움이 안되니까.. 흔히 말하는 클론코딩을 많이 해 보기로 했다. NodeJS를 비롯해서 자바스크립트 관련 기술을 익히고 싶어서 우선 따라한 것이 이 동영상이다..2시간 30분 짜리인데 거의 12시간 걸린듯..ㅡㅡㅋ (맥과 윈도우가 다름, 그 외에는 거의 에러처리...ㅠㅠ) 참조 :  Learning Expressjs 소스코드 :  https://github.com/buzz-software/expressjs-mvp-landing-page 동영상 :  Express.js & Node.js Course for Beginners - Full Tutorial 내용이 꽤나 많아서 다 정리하려면 시간이 너무 걸리니까..걍 몇 가지만 간단하게 정리함. 기본 설치:Visual Studio Code + Git + Prettier 설치함 Visual Studio Code 는 최신버전으로 업데이트 Git 는 꽤나 삽질을 많이 했음..프로젝트 디렉토리를 만든 후 PowerShell에서 원격리포지토리 설정을 해 주면 자동으로 연결. 참조 : Visual Studio Code에서 git 설정하기 Prettier는 자동으로 소스코드를 정리해주는 플러그인. 아직 잘 활용은 못하지만 어찌되던 써 봤다. 참조 : Visual Studio Code에서 Prettier 설치하기 NodeJS 설치 - 윈도우 기반이라 공식사이트에서 다운로드 후 설치 참조 : NodeJS 공식 사이트 에러 : HttprequestInvailated 관련 에러가 남 -> 최신버전 설치 Express 설치 - NodeJS 관련 프레임워크, 왠만한 플러그인이나 프레임워크 다 들어있더라..설치는 npm 으로 했음. 참조 : ExpressJS 공식...