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

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 기초 ..

워드프레스에서 다른 블로그로 데이터 이전하기

2022.02.22· 개발/Etc...

🤷🏻‍♀️ 워드프레스 블로그 이용기간이 만료되다 구글 애드센스 수익을 노리며 만들었던 워드프레스 블로그를 방치해두다가 개발 공부 블로그로 쓰기 시작했었다. 그게 1여 년 전. 광고수익은 당연히 없었고, 나도 모르는 사이에 도메인 이용이 만료가 되면서 갑작스럽게 블로그에 접속을 할 수 없게 되었다. 다급하게 이용기간을 갱신하려고 했지만 새로운 도메인을 사는 것 말고는 방법이 없는 상황에 멘붕이 왔다. 그대로 빠르게 티스토리 블로그를 오픈했고, 그 당시까지만 해도 볼 수 있던 몇몇 포스트만 옮겨두었다. 그리고 그다음 날 블로그 자체에 아예 접속을 할 수가 없었다. 👍🏻 구글링이 살 길이다 문제는 워드프레스 가입형을 썼던 나는 데이터를 백업해두지 않은 상태였다. 그대로 1여년간 쓴 모든 글들을 고스란히 날리게..

[React-Native] 리액트 네이티브 시작하기( with Expo)

2022.02.21· 개발/React-Native

리액트 네이티브란? 리액트 네이티브(React Native)는 iOS와 안드로이드 앱 개발을 위한 라이브러리입니다. 자바스크립트로 구현된 기존의 모바일 앱들은 웹뷰를 이용한 하이브리드 방식이였습니다. 하지만 리액트 네이티브는 자바스크립트로 개발하지만, 화면 인터페이스는 네이티브 위젯으로 컴파일하여 빌드됩니다. 리액트 네이티브는 네이티브 UI를 사용하여 빠른 사용자 경험을 제공합니다. 개발환경 안드로이드 앱을 만들고 있다면 안드로이드 스튜디오를 다운 받아야합니다. 그리고 컴퓨터에 java를 다운받아야합니다. 시뮬레이터도 다운받아야하고요. 정말 받아야하는 소프트웨어가 많습니다. IOS도 Xcode를 다운받아야하고요. 하지만 저는 다 생략을 하고 프로토타이핑과 테스트를 목적으로 만들어진 간단한 툴을 이용할 것..

티스토리툴바