'분류 전체보기' 카테고리의 글 목록 (16 Page)

[220303] TIL - 3월의 시작

2022.03.04· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ 3월은 이미 시작되었지 어제까지만 해도 속을 터지게 만들던 ReactNative Navigator가 폴더를 새로 만들고 새로 빌드했더니 잘 된다. 👀 도대체 뭐였을까? 어제는 노드 모듈을 그렇게 지웠다가 새로 설치라고 난리였는데, 오늘의 변수는 뭐였을까? 새로운 걸 설치할 때마다 로드하고 있던 elmulator랑 server 쪽을 다 끄고 있었는데 그것 때문일까?... 😂 ◾ API 회의 시작 와이어프레임을 거의 끝낸 프로젝트의 api설계를 시작했다. 모바일 앱이라서 페이지는 간단한데 안에 들어가있는 것들이 굉장히 많아서 이거 진짜 우리 할 수 있을까?라는 두려움만 더 커져갔다. 우선 1차적으로 2시간을 잡아서 시작한 설계. 2차로 이번 주 주말에도 할 예정인데..

[220302] TIL - ReactNative 진짜 쉽지 않다.

2022.03.03· 개발/📝 TIL

📚 Today I Learned 👩‍💻 ◾ 걸음걸음마다 오류를 마주하다 노마드 코더의 React-Native 강의를 듣는데, 베이직한 기초 부분을 공부하는데 하나하나 패키지를 설치할 때마다 오류가 난다 😇 계속해서 구글링을 했다. 구글링은 나의 친구. 1시간 컷으로 끝낼 수 있겠다! 싶었던 수업이 2-3시간으로 늘어남 🤣 마주하는 오류는 다 정리해야지 ~라고 다짐하면서 그 시간은 더 늘어나게 되었다. ◾ 코딩테스트 프로그래머스로 코딩 테스트 공부를 하는데 레벨 1은 재밌게했는데 레벨 2는 갑자기 어나더 레벨이 된거같다. 레벨1은 끝낸지가 꽤되었는데 레벨2는 좀처럼 진도가 안 나가서 코딩 테스트는 어떻게 공부해야 할까?라는 근본적인 궁금증이 생겼다. 레벨 1 하듯이 하면 안 될 것 같다. ◾ 면접 공부 깃..

React vs Vue.js 차이점

2022.03.02· 개발/React

React는 라이브러리이고 Vue는 프레임워크입니다. 라이브러리는 사용자가 필요할 때마다 가져다 썼다가 뺐다가 할 수 있고 부분적으로 사용이 가능합니다 프레임워크는 부분적인 사용이 불가능하고 프레임 워크의 안으로 들어가서 프레임 워크가 지원해주는 문법에 따라서 작성해줘야 제대로 동작합니다. 그래서 React는 개발자가 자유롭게 개발할 수 있는 환경이고, Vue는 vue에서 지정해준 문법 방식으로만 개발 할 수 있습니다. 리액트가 자유도가 더 높다고 하는 부분이 이런 태생적인 부분에서 온다고 생각합니다. 둘 다 Virtual Dom(가상돔)을 활용합니다. 반응적이고 조합 가능한 컴포넌트를 제공합니다. 코어 라이브러리에만 집중하고 있고 라우팅 및 전역 상태를 관리하는 컴패니언 라이브러리가 있습니다. 각각의 ..

[React Native] AppLoading

2022.02.28· 개발/React-Native

AppLoading 언제 쓰느냐? 사용자가 앱을 실행하면 데이터를 불러오기 시작하는데, 이때 시간이 많이 걸릴수도 있고 이 데이터를 기다리는 동안 사용자가 그 과정을 볼 수도 있을 것이다. 이런 부분을 보완하기 위해서 있는게 AppLoading이다 사용자 경험적인 부분을 보완하기 위해서 사용하는 것이다. 어떻게 보이느냐 로딩이 완료될 때까지 아이콘이라던가, 이미지라던가 대체를 할 수 있는 무언가를 보여준다. AppLoading Props 다양한 Prop이 있는데, 이를 이용해서 api호출 등 다양한 부분에서 활용할 수 있다. startAsync (function) : Promise를 반환하는 함수를 전달하는데 AppLoading이 시작될 때 실행된다. onError (function) : 데이터를 로드할..

[220228] TIL

2022.02.28· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ReactNative 강의 노마드코더의 react-native강의를 통해서 apploading과 naviator에 대해서 배움. 내일 기초 마무리 지을 예정 이력서 정비 이력서를 다시 작성하고 수정했다. 그리고 제출! 제출!! 코드리뷰 지난번에 이어서 다른 코드 코멘트 요청을 받아서 다른 팀이 구현한 프로젝트 코드를 보고 요청한 부분에 대해서 답글을 달았는데, 나도 해봤던 고민에 대한 물음이라서 이미 어느정도 질문에 대한 답이 세우진 상황인데, 또 한번 고민을 하면서 답변을 썼다. 코드에 정답이라는 것이 있는건가. 다른 사람이 쓴 코드를 자세하게 볼 수 있는 경험을 쌓아가는건 생각보다도 더 좋은 것 같다. 😷 어제부터 이어진 두통과 몸살기운으로 이거 코로나 아닌가 ..

vsc 유용한 확장 프로그램 추천!

2022.02.28· 개발/Etc...

1. JavaScript(ES6) Code Snippets (자바스크립트 코드 스니펫) 자바스크립트 코드 스니펫은 대중적으로 많이 쓰는 자바스크립트 코드조각에 대한 스니펫을 제공하고 사용자가 따로 정의해서 쓸 수 있게 지원해준다. 자바스크립트뿐 아니라 타입스크립트 리액트, 뷰까지도 지원을 해준다. 2. ES7 React / Redux / GraphQL / React-Native snippets 리액트 개발자라면 반드시 써야할 확장 프로그램 중 하나이다. 키워드를 사용해서 간편하게 코드작성을 할 수 있다. 3. ESLint 코드를 자동으로 형식화하고 오류가 날 경우 경고 메세지로 개발자를 지원한다. 만약 여러 개발자가 협업을 하는 경우라면 일관된 서식으로 마치 한사람이 코딩한 것과 같은 결과를 얻을 수도 ..

[ReactNative] React-Native CLI 쓸 때 Expo-AppLoading install

2022.02.28· 개발/❌ 오류 노트

React-Native 강의를 듣기 시작하면서 setting에만 이틀 이상을 쓴 것같다. 겨우겨우 셋팅을 마치고 드디어 본격적인 강의를 보려고하는데, 강의 첫 스텝이였던 expo install expo-app-loading 가 안되는것이다. expo 모듈도 사용하기때문에 무조건 되야하는 건데!! 처음엔 구글링해도 안 나와서 영어로 찾기 시작하니 등장!! expo install 대신에 npm install을 쓰면 된다는 것!!😱!! stackoverflow - https://stackoverflow.com/questions/68847098/unable-to-install-expo-app-loading-using-expo Unable to install expo-app-loading using expo Up..

[220226] TIL - 왜 Java 8 ver 인가요?

2022.02.27· 개발/📝 TIL

👩‍💻 Today I Learned 📚 React-Native-CLI 시작하기 첫 세팅을 시작하고 메모리 공간이 부족하면 구동이 제대로 안 될 수도 있다고 해서 포맷을 하고 다시 모든 세팅을 시작했다. 이때까지는 계속해서 세팅을 하고 있을 줄은 몰랐지 choco로 jdk 다운로드가 안돼서 java를 따로 설치를 했다. 이때부터 또 다른 오류의 서막이 시작되었다. 나는 최신의 버전으로 설치를 했고 이건 프로젝트를 구현할 때 오류가 나타났다. Could not open settings generic class cache for settings file 위의 에러였고, stackoverflow랑 구글링을 조금 더 해보니 자바의 버젼 문제일 거라는 답변이 많았다. 꼭 8버젼을 쓰라는 답변이 많았고, 왜? 인가에..

[220225] TIL

2022.02.26· 개발/📝 TIL

본격적인 React Native 공부를 시작하면서 기본 셋팅을 했는데, 아무리해도 오류가 생겨나고 진행이 되는 않는 것이다. 여러가지 시도끝에 메모리가 부족하다는 점도 하나의 오류 해결 방안이라는 말에 바로 랩탑 포맷을 결정. 아무리 정리를 하고 최적화를 시도해도 1GB이상은 확보되지 않는 상황에 왠만한 데이터들은 백업해두고 시원하게 싹 밀어버렸다. 그리고 열심히 처음부터 다시 셋팅중이다. ㅠㅠ 하루종일 셋팅과 씨름했는데, 또 셋팅을 하고 있다. 지난주에 했던 '코드리뷰'가 괜찮았다는 매니저님의 연락! 그리고 더 해보지 않겠냐고 물어봐주셔서 바로 오케이라고 응답했다. 남이 쓴 코드를 분석하는 것 역시나 공부가 될 것이라는 생각과 나태해지는 나를 바짝! 잡아줄 무언가가 될 것 같아서 흥분되는 마음으로 한다..

[220223] Happy B Day - TIL

2022.02.24· 개발/📝 TIL

Happy Birthday to myself 😊 즐거운 생일이다. 하지만 난 코드를 뚝딱이고 있다.... 그리고 문제는 해결되지 않는다. 🤷🏻‍♀️ 😵 항해에서 마지막으로 했던 실전프로젝트에서 아쉬웠던 점들이 많지만 그 중에서도 개인적으로 정말 아쉽게 생각하는 부분이 댓글과 대댓글 입력창부분이다. 컴포넌트를 재사용해서 구현하는 걸 계획했었는데, 그 부분이 생각만큼 제대로 되지 않아서 결국은 따로 분리해서 구현을 했었다. 그 아쉬움이 남아서 코드를 다시 수정해보려고 종일 붙잡고 있었는데 여전히 안 된다. props의 문제일것 같다는 생각이 들어서 해결책을 생각해보는데... 한 두시간이 넘어가서 머릿속이 하얗게 변한다. 대댓글 입력창이 켜지는 것 오케이 - 입력창을 닫는 것까지도 오케이- 그리고 다시 대댓글..

[프로그래머스] 오픈채팅방 - 자바스크립트

2022.02.23· 개발/💬 코딩테스트

✅ 문제 카카오톡 오픈채팅방에서는 친구가 아닌 사람들과 대화를 할 수 있는데, 본래 닉네임이 아닌 가상의 닉네임을 사용하여 채팅방에 들어갈 수 있다. 신입사원인 김크루는 카카오톡 오픈 채팅방을 개설한 사람을 위해, 다양한 사람들이 들어오고, 나가는 것을 지켜볼 수 있는 관리자창을 만들기로 했다. 채팅방에 누군가 들어오면 다음 메시지가 출력된다. "[닉네임]님이 들어왔습니다." 채팅방에서 누군가 나가면 다음 메시지가 출력된다. "[닉네임]님이 나갔습니다." 채팅방에서 닉네임을 변경하는 방법은 다음과 같이 두 가지이다. 채팅방을 나간 후, 새로운 닉네임으로 다시 들어간다. 채팅방에서 닉네임을 변경한다. 닉네임을 변경할 때는 기존에 채팅방에 출력되어 있던 메시지의 닉네임도 전부 변경된다. 예를 들어, 채팅방에..

[220221] TIL

2022.02.22· 개발/📝 TIL

👩🏻‍💻 Today I Learned 📚 ⭐ 회의에 회의를 거듭 실전 프로젝트를 함께했던 백엔드 개발자 친구가 새로운 프로젝트를 함께 해보지 않겠냐고 제의해줘서 사이드로 프로젝트로 React Native 앱을 기획 중이다. 아무래도 기획 단계를 지나서 초기 디자인을 잡기 전까지 와이어 프레임을 디자이너들과 잡으면서 회의에 회의를 거듭하고 있다. 디자인적인 부분은 전적으로 디자이너들에게 맡기고 있지만 사용성과 구현 같은 것들을 구상하면서 진행하다 보니 시간이 더 많이 걸리는 편이다. 그런데 이건 React Native로 구현을 계획을 하고 있어서 감이 정말 하나도 안 잡힌다. 우리끼리 우스께소리로 이 프로젝트 내년에 완성되는거 아니냐며 허허허허 - 😂 ⭐ Expo vs CLI React Native 기초 ..

티스토리툴바