개발로그

팀원 중 한명이 RN 프로젝트에 새로운 폰트를 추가했고 나는 그걸 pull 받았다. 처음엔 빌드는 잘 됐는데 unrecognized font family 에러가 떴다. 대충 이렇게 생긴 에러다. 그래서 폰트를 추가했던 그 팀원에게 물어봤더니 이 명령어를 치면 된다고 했다. npx react-native link --verbose 이거 폰트 관련 에러 검색할 때도 나왔던거 같은데 아직 정확히 react-native link가 뭐하는 앤지는 모르겠음... 아무튼 저거 치니까 처음에 다시 리로드 되서 잘 나오나 싶더니 로그인 버튼 누르니까 앱이 죽어버림. 다시 빌드 시도하니까 실패. 그 이후로 pod install, pod update, pod install --repo-update 등등 다해보고 node_m..

토이프로젝트를 진행하면서 AWS로 EC2 인스턴스를 만들어보고 서버를 올려보고 있다. 워낙 많은 자료들이 있어서 찾아보면서 따라하기는 어렵지 않았지만 내가 모르는게 너무 많아서 일일히 찾아봐야 하는게 번거롭긴 했다... 원격 서버 접속 먼저 인스턴스를 만들면서 받은 key로 인스턴스에 접속하려면 터미널을 열어 key가 있는 폴더로 가서 아래와 같이 입력한다. chmod 400 .pem ssh -i ".pem" ubunutu@ 안에는 자신의 파일명과 IP 주소에 맞게 알아서 입력하면 된다. 여기서 chmod란 리눅스 명령어로 change mod 라는 뜻으로 파일의 접근 권한을 변경하는 명령어다. chmod [레퍼런스] [연산자] [변경할 접근권한] [파일] 위와 같이 옵션을 지정할 수 있는데 [레퍼런스] ..

단지 TDD를 배우기 위해 인프런에서 TDD 개발 방법론을 활용한 React Native 앱 개발 을 수강하기 시작했다. 그러나 그것은 전쟁의 시작이었으니... 처음하는 RN도 어려운데다가 모바일 e2e 테스트 라이브러리인 detox를 사용하기 위해 쉬운 길(Expo CLI)을 두고 어려운 길로 가야했으니 셋팅해야하는 것도 많고 실행할 때 마다 오류 투성이였다ㅠ_ㅠ detox 설정/실행 부분에서 계속 빌드에러가 났는데 검색 결과도 많지 않고 원인도 파악이 잘 안되서 엄청 삽질하다가 오늘 결국 해결했다. 나는 처음에 아래와 같은 에러가 계속 났다. 대충 binaryPath에 설정해둔 경로를 찾을수 없다는 얘기다. 이건 사실 내 실순데 detox build를 먼저 해줘야 한다. 그래야 ios/ 폴더 밑에 b..

1. 2019 W3C HTML5 컨퍼런스 매년 과기부에서 주최하는 행사. - Vue.js 발표 자료 링크https://github.com/joshua1988/vue-five-common-mistakes - 흥미로운 주제들 - SVELTE - Project Fugu https://www.chromium.org/teams/web-capabilities-fugu - fugu는 복어라는 뜻. 잘쓰면 좋지만 잘못쓰면 독이된다... - fugu로는 네이티브에서만 가능한 파일시스템에 접근 가능하다. - PWA 최신 API 목록 https://developers.google.com/web/updates/capabilities 2. vim으로 자동 생성된 import 구문의 경로 앞에 붙는 '@'는 얼라이언스라고 하는데..

오늘 한 일 패스트 캠퍼스 "Vue.js로 구현하는 PWA 캠프" 3주차 강의 수강. 공부 내용 1. 상수는 vue 인스턴스의 data 속성에 넣지 않는다. 넣는 순간 get, set 함수 생기기 때문에 그게 다 비용이다. 불필요한 비용은 줄여야 한다. 2. $(달러)속성은 되도록 사용하지 말자. 나중에 고급패턴을 이용할 때 쓸일이 있긴 하나, this.$data.user 같은 코드는 공식 문서에서도 권고하지 않는다. 3. 터미널에서 touch TodoHeader.vue TodoInput.vue TodoList.vue 이런식으로 하면 한 번에 여러파일 생성가능. 4. 컴포넌트 파일 생성하는 scf 단축키 -> vue 로 변경 5. vex 단축키는 import와 export default를 한번에 생성해주..

오늘 한 일 [node.js 교과서] 책 3장 [노드 기능 알아보기] 공부 완료. 프로그래머스 알고리즘 1문제 풀기 완료. 패캠 강사님이 주신 자료중 How DNS Works 1회독 완료. 9월 3일 열리는 JSConf Korea 2019 티켓을 양도하고싶다는 사람을 오픈채팅방에서 우연히 만나 극적으로 양도 받음..!! JSConf 운영진 프로필을 보다가 블로그를 벨로퍼트님이 만드신 velog로 운영하는 분이 있어서 들어갔다가 자연스럽게 가입함. 그러나 그곳에 TIL을 올리기엔 내 글이 너무 허접해 보여서 일단 기존 운영하던걸로 하기로 결정. 기존에 구글블로그를 메인으로 하고 티스토리를 작성용으로 썼으나, 구글블로그는 태그가 곧 네비게이션이 되는지라 태그지정을 마음껏 하기가 어려운 점, 템플릿이 예쁘지 ..

오늘 한 일 it 관련 컨퍼런스나 행사 관련한 소식을 다양하게 접하기 위해 프론트엔드 오픈채팅방에 질문하여 다양한 사이트를 수집하였다. (Festa, 이벤터스, 온오프믹스, meetup 등..) 또한 아깝게 놓친 좋은 컨퍼런스나 새로운 활동 모집 등이 많아서 안타까운 마음에 급하게 페이스북을 다운받아 여러 그룹을 팔로잉하고 알람을 켜두었다. 몇일 전 슬랙도 다운받아서 이상한 모임에 가입했다. 몇달 전에 사둔 Node.js 교과서 책을 이제야 정독하기 시작했다. 현재 [3장 노드 기능 알아보기] 읽는 중. 최근 포트폴리오를 새로 만들고 이력서도 새로 쓰느라 블로그를 소홀히 한 것 같아 오랜만에 TIL 작성중이다. 공부 내용이 별로 없어서 바로 느낀점. 지난 토요일 패스트캠퍼스 PWA 수업에 가서 온라인으로..

오늘 한 일 생활코딩 Python 수업, URL query string 가져오기 실습 및 CGI 소개 강의 완료. 멜론 노래 검색 정보 크롤링 시도했으나, api 전송시 status가 406으로 나와서 아직 미해결 상태. 공부 내용 오늘 Python으로 URL query string 가져오는 실습 중에 어처구니 없는 에러가 발생하는 바람에 시간을 좀 허비했다. 기존 index.py 파일에 cgi 모듈을 불러와서 새로고침을 누르니 이전에 내가 실습한 string.py 파일의 출력결과가 나오는것이다...! 에러도 아니고 내가 작성한 다른 파일이 나오다니... 정말 생전 처음 겪는 상황이라 너무 당황스러웠다. URL 창에 index.py를 열심히 다시 쳐봐도 계속 string.py 파일 결과가 나오고, str..