분류 전체보기159 react-native 모바일 앱 키보드 설정(키보드 사라지게 어떻게 하나요? 키보드 나오면 어떻게 화면을 올릴 수 있나요?) 해외에 나와서 살다보면, 한국만큼 공휴일이 많은 나라가 생각보다 많지 않다는 것을 알게 된다. 베트남은 한국보다 공휴일이 많지 않은 나라인데, 일년에 공휴일을 다 합쳐도 10일이 넘지 않는다. 게다가 이번 해는 코로나로 인해 경기 침체를 염려한 탓인지 정부에서 발표한 설(Tet)연휴가 작년에 비해 3일 줄었다. 올해는 코로나로 인해 베트남을 떠날 수 없는 관계로 어딜 가볼까 고민하다, 그냥 집에 있기로 했다. 그동안 일한다는 핑계로 읽지 못했던 책도 실컷 읽고, 코딩도 좀 하고, 운동도 하기로 했지만.... 어디 계획대로 다 이루면 다들 뭐 서울대 갔고 하버드 갔지 뭐...^^;; 그래도 계획이란 걸 세운 덕분에 다 이루진 못하더라도 나름 유익한 설 연휴를 보내고 있다. 요즘은 React-native를 .. 2021. 2. 13. React-navigation 이란? 주말 동안엔 핸드폰 앱에 사용할 'React Navigation' 에 대해서 알아봤다. 새로운 스택을 공부하기 전, 가장 먼저 보는 것은 이 스택의 탄생배경이다. 탄생 배경을 살펴보면, 이 기술 스택을 만든 사람의 의도가 잘 드러나 그 목적에 맞게 스택을 잘 활용할 수 있게 된다. 리액트 네비게이션은 웹 브라우저와 핸드폰 앱의 사용자가 사용한 히스토리를 구현하는 구조가 다르다는 점에서 출발한다. 웹 브라우저의 경우, 구글 검색 -> 검색 결과 클릭 후 -> 뒤로 가기 버튼을 누르면 내가 원래 검색했던 구글 페이지로 돌아갈 수 있다. 하지만 핸드폰 앱의 경우 웹 브라우저 처럼 뒤로 가기 버튼을 눌러 사용자가 전에 보았던 화면으로 돌아갈 수 없다. 바로 여기서 react-navigation 이 등장한다. 웹.. 2021. 2. 1. 2021.1.26 TIL expo를 이용하여 인스타그램 핸드폰 버전 앱을 만들기 시작했다. 무려 한 달만에 다시 마음을 다잡고 시작하는데 시작하기 전의 마음과 다르게 금새 흥미가 생겼다. 시작하기 전엔 하기 싫고, 각종 핑계를 대서 안했는데 막상 시작하니 하루종일 이것만 해도 좋겠다는 마음이다. 예전에 코딩 부트캠프에서 팀 프로젝트로 핸드폰 앱을 만들었는데, 기억나는 바로는 프론트 엔드 팀에서 expo를 이용하여 앱을 어느정도 기본 구축을 하고나서 엑스포의 알 수 없는 에러가 생겨서 엑스포를 다 겉어 내야했던 일화가 떠올랐다. 아마 그 때문에 엑스포를 이용하여 인스타그램 앱 클로닝하는 과정이 시작하기 힘들었을지도 모르겠다. 아직까지는 순조롭다. 엑스포도 그 사이에 많은 부분 업데이트가 됐겠지...? 부디 알 수 없는 에러가 생겨.. 2021. 1. 27. 2020.12.02 TIL 매년 연말마다 있는 본사 임원 총 회의가 이틀 앞으로 다가와서 정신 없이 보낸지 10일째다. 오늘 자료를 최종 마무리 지어 본사에 전달해서 드디어 한 숨 돌렸다. 그동안 미뤄왔던 코딩을 다시 시작했다. 무려 9일 만. 검색창을 이용한 유저검색 / 태그 검색을 분리하여 표기하는 부분을 마무리지었다. 노마드 코더의 강의를 적극 활용하되, 가급적 인스타그램 최신 버전을 반영하려고 노력했다. 12월 연말까지 인스타 클로닝을 마무리지으려고 하는데, 시간이 될지 모르겠다. 가급적 끝낼 수 있도록 남은 연말 알차게 활용해야겠다. 2020. 12. 3. react-create-app compile error관련 (react-scripts error) instagram front-end 부분 클로닝을 시작한지 일주일이 지났다. 기술의 발전은 빠르고, 노마드 코더의 강의는 하루하루 과거형이 되고 있기 때문에 새로운 기술을 체크해보며 적용해야 한다. 그러거나 말거나 react-create-app을 이용해서 초기 셋업을 했는데, no-unused-vars 에러로도 compile이 안 되는 문제가 있었다. 결정적인 에러가 아닌 사소한 eslint 경고에도 컴파일을 오류가 떠서 이렇게 프론트엔드를 접게 되는 건가.. 10분 고민했다. 혼자 씩씩 열내면서 구글링 하던 중, 이런 문제가 나만 일어나는 것은 아니었고 react create app과 eslint에도 접수된 문제였음을 발견하게 된다. 업데이트를 하면 된다는 식으로 이슈가 클로징 되었는데, 이미 내 모든.. 2020. 11. 17. 2020.11.09 TIL _ 노마드코더 인스타그램 클론코딩 서버 완성 14일만에 노마드코더의 인스타그램 클로닝 서버를 완성했다 🎉 노마드코더 인스타그램 클로닝 완성작 : github.com/iknowahra/insta-clone 직장생활과 병행하다 보니 시간이 좀 더 걸렸지만 목표한 시간 안에 도달했다. 해당 강의는 아직 PRISAM 1을 기반으로 촬영 되었기 떄문에 PRISMA2와 다른 점을 찾아가며 해야 했다. PRISMA1을 사용할 수 있었지만 graphql을 알고 있는 상황에서 뭔가 도전할 부분이 필요했기 때문이다. Prisma는 정말 혁신적인 도구다. 직관적으로 쓸 수 있고, 변화한 부분을 db 를 잘 알지 못하더라도 쉽게 CRUD를 할 수 있도록 prisma studio를 제공한다. 나는 mysql 의 workbench 사용에 익숙해서 workbench를 주로 .. 2020. 11. 10. 이전 1 ··· 8 9 10 11 12 13 14 ··· 27 다음