노는게 제일 좋습니다.

목차 배경 겪었던 주요 문제점 유사 앱 만들기 과정 : 준비 Section ㄴ 안드로이드 스튜디오 설치 및 실행 ㄴ 안드로이드 스튜디오 환경변수 설정 ㄴ 웹뷰 템플릿 받기 유사 앱 만들기 과정 : 작업 Section ㄴ 템플릿 설정하기 (패키지명, 앱 네임, 웹서비스 URL) ㄴ 템플릿 아이콘 설정 유사 앱 만들기 과정 : 배포 Section ㄴ 서명키 만들기 ㄴ 서명된 Apk 만들기 ㄴ SDK를 설치하지 않아 일어나는 에러 이 글은 안드로이드 스튜디오를 처음 깔아보는 사람을 위한 팁입니다. 한 번이라도 사용해보셨다면, 이 글이 그닥 쓸모가 없을 가능성이 높습니다. 배경 1. 장난으로 도배하는데만 사용하는 프로그램을 만들었다. 여기에 이것저것 쓸모없이 재미있는 것들을 싹다 붙여보고 있다. 안드로이드 앱이..

문제상황 react로 만든 프로젝트를 빌드한다음, gh-pages모듈로 배포하였다 그랬더니 미리 깃헙레포에 설정해둔 custom domain이 빈칸으로 바뀌어버린다. 해결 우선, 깃헙에서 custom domain을 본래대로 잘 써넣는다. 그 다음에 리액트 프로젝트 안에서 CNAME 파일을 만들고 custom domain에 해당하는 내용을 써넣는다 위치는 루트가 아닌 public폴더 아래로 한다. npm run build할 때 public 아래의 CNAME파일을 복사하여 빌드한다. public아래에 CNAME파일을 만든 다음 빌드하면, 깃헙페이지의 custom domain이 그대로 잘 남아있는 것을 확인할 수 있다.

제목을 보고 정말 답이없다고 느꼈는데, 또 달리 쓸 방법이 없다. 문제상황 sunda.wonj.in/:1 GET https://sunda.wonj.in/sunda_front/static/css/main.5f361e03.chunk.css net::ERR_ABORTED 404 manifest.json:1 GET https://sunda.wonj.in/sunda_front/manifest.json 404 manifest.json:1 Manifest: Line: 1, column: 1, Syntax error. 1. React.js를 이용하여 프로젝트를 만들었다. 2. npm run build로 빌드파일을 뽑아내고, 그 다음 gh-pages 의 gh-pages -d build로 업로드했다 3. package.j..

https://nomadcoders.co/react-fundamentals/lobby 노마드코더 라는 동영상 강의사이트는 이전부터 광고로 참 익숙했지만, 강의 이름부터가 무시무시해서 손이 안갔던 사이트이다. 내가 손도 못대본 기술 이름이 쓰여있어서, 내가 들어서 쓸모가 있을까에 대한 생각이 있었다. 순수한 HTML+CSS+JS로만 공부하다가, 어느순간 백엔드에 대한 교양을 갖출 필요성이 느껴져 Node.js를 공부했다. 프론트엔드도 내가 사용해보지 못한 기술에 대한 욕심이 생겼다.어느정도 인지도있는 프레임워크/라이브러리를 공부하고자 했고, React.js를 택했다. 러닝커브가 비교적 사악한 라이브러리라고 했다. 그래서 클론코딩으로 가르쳐준다는 노마드코더 강의를 들어봤다. 강의 내용은 아래와 같다. fun..

목차 배경과 문제 포트 개방 서버 기기 ip 고정할당 포트 포워딩 접속 테스트 DDNS설정 이 포스트 내용은 서버로 사용할 PC로 접속 하였을 때를 기준으로 작성되었습니다. 배경과 문제 공유기를 사용하는 컴퓨터에서 서버를 돌리고자 한다. 외부에서는 8080번 포트로 접속하도록 하고, 내부 서버의 80번포트로 연결되도록 하고싶다. 이 서버에 접근하기 위해서는 1. 포트포워딩 혹은 DMZ설정이 필요하며 2. 외부에서 접근하도록 하려는 포트가 개방되어있어야 한다. 또, 다양한 변수가 있을 수 있는데 대표적으로는 두 가지이다. 1. 특정 인터넷 제공사는 특정 포트를 사용자가 쓸 수 없게 하기도 한다 2. 특정 인터넷의 기본 공유기(혹은 모뎀 겸용)는 포트포워딩이 안되거나, 아주 까다로운 설정이 필요한 경우도 있..

링크 모음 예제 시트 뷰어 웹페이지 게시된 예제시트 예제시트 JSON페이지 실제로 구성한 웹페이지 깃허브 레포 배경 DBMS를 사용할 줄 모르지만, 어딘가에 축적된 데이터를 가져와서 웹 화면에 뿌려주고 싶을 때가 있다. 본인은 정말로 HTML조차 모른채로 '이시국 보건증'을 구성하면서 DB의 필요성을 느꼈지만, 길고 긴 고난의 삽질을 할 시간이 없었다. 당시에는 코로나가 여름즈음 되면 종식될 줄 알았기에, 하루빨리 내 데이터를 보여주는 일이 가장 중요했기 때문이다. 쉽고 빠른 길을 찾던 중 구글 스프레드시트를 구글API와 앱스를 통해 사용할 수 있다는 사실을 우연히 접했다. 그 날부터 익숙한 도구인 구글시트에 대해 파고들기 시작했다. 여러가지 초보자의 삽질을 하며 알아낸, 가장 최근에 사용하는 확실+간단..

문제 돌아가고 있던 서버의 프로세스가 문제가 생겼는데, 포트가 사용중이어서 프로그램을 재실행 할 수 없는 경우가 있다. 이 경우 사용중인 포트에서 어떤 프로세스가 돌아가고있는지, 해당 프로세스를 어떻게 죽일 수 있는지 알면 된다. events.js:292 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE: address already in use :::8080 at Server.setupListenHandle [as _listen2] (net.js:1313:16) at listenInCluster (net.js:1361:12) at Server.listen (net.js:1447:7) at Object. (/home/wonjinyi/Desk..

요약 코드보러가기 링크 목차 배경 문제 해결 배경 이전에 모달창을 다음과 같이 구현했었다. 메인 컨테이너가 숨겨져있을 때는 modal, hidden 두 개의 클래스를 가지고 있다가, 나타날 때는 hidden을 빼는 방식이었다. See the Pen modal - legacy by wonjinyi (@wonjinYi) on CodePen. 위 코드에 대해 모달이 나타날 때 페이드인, 숨겨질 때 페이드아웃 효과를 주려고 하였으나, 간단한 해결이 어려웠다. 문제 기존 코드의 hidden 클래스는 display:none 을 적용하는데, 이 때문에 페이드 인아웃(opacity에 대한 transition)을 적용하는데는 적절하지 않았다. display:none이 있는 경우는 정상적으로 transition을 적용할 ..