📚 1. 사전 지식 dependencies vs devDependencies 참고 : stackoverflow dependencies(배포용) $ npm install 라이브러리로 설치한 항목들 애플리케이션 동작과 연관된 라이브러리 devDependencies(개발용) $ npm install 라이브러리 --save-dev 혹은 $ npm install 라이브러리 -D로 설치한 항목들 개발할 때 필요한 라이브러리 설치 🤩 2. 실제로 구현하기 1. 기존 package.json 2. 변경할 사항은? dependencies : tailwindcss, RTK, StompJS, react-query, axios, html-toimage, moment, react-query .. devDependencies : ..
1. 기업 : 당근 마켓 링크 : https://summertech2023.daangn.com/ 2023 당근 SUMMERTECH 인턴십 이번 여름, 당근에서 특별한 성장을 경험해보세요! summertech2023.daangn.com 모집 직무 Backend, Android, Frontend, Machine Learning 등 다양한 분야에서 뽑고 있다. Backend가 다섯 팀, Frontend가 두 팀, 그 외에는 한 팀에서 모집하고 있음을 알 수 있다. 1. Software Engineering Intern, Frontend - 검색 자격요건 HTML, CSS 및 JavaScript, Typescript를 능숙하게 활용할 수 있으신 분 React 기반 프로젝트 개발 경험이 있으신 분 Redux, R..
📚 1. 사전 지식 React Native 공식문서 React vs React Native React : Facebook에서 만든 프론트엔드 Javscript 라이브러리 DOM이 생성이 되고 난 후에 Virtual DOM을 이용하여 변화된 곳을 캐치하여 변화된 DOM으로 변경 Virtual DOM 작동방식 화면 출력을 ReactDOM 사용 JSX문법을 사용 : HTML문법 React-Native : React의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈 소스 프레임워크 Bridge를 이용하여 ios, android 각각의 네이티브 언어에 접근 화면 출력을 AppRegistry 사용 JSX문법을 사용 but HTML 문법 X 기존으l CSS 지원 X, flexbox 이용한 레이아웃 제작 제공 ..
😡 에러 상황 $ pip3 install seaborn을 입력하여 모듈을 설치했음에도 계속 module을 찾지 못한다고 뜸 🧐 대응한 방법 1. python Path를 설정 2. 최근에 React Native환경 세팅할 때 잘못 건드렸나 싶어서 관련 프로그램을 삭제하고, 설정했던 것들도 제거 3. google에 검색해도 설치 방법만 뜰 뿐, 이런 구체적인 case에 대한 해결책은 찾기 어려웠음 -> chatGPT 질문 👏 해결 방법 2번 그대로 $python3 -m pip install seaborn을 입력하니 거짓말처럼 해결되었다. 글을 작성하며 에러 메시지를 다시 보니 에러메시지에서 [notice]로 나에게 알려주고 있었다. 이를 계속 무시한 나... 🤔 느낀점 에러를 검색해보기 전에, 에러메시지를 ..
💭 1. 이번 주엔 어떤 일들이 있었고, 그 속에서 나는 어떤 것을 느꼈을까 이번 주는 정말 활동이 많았다. 예비군 훈련과 축제로 인해 원하던 만큼 개발에 시간을 투자하지 못했지만, 축제와 훈련이 끝나고는 간극을 채우기 위해 필요한 공부를 꾸준히 해왔다. React Native를 깊게 이해하려 노력했지만, 다양한 의견을 참고하고 인터넷에서 자료를 찾아본 결과, React Native는 생각했던 확장기가 아닌 축소기라는 것을 알게 되었다. 이런 이유로 다음 주에 시작할 프로젝트는 RN이 아닌 React로 진행할 예정이다. 그래서 결정했다. React의 전문가가 되어보자는 것이다. 사실상 React만으로도 충분하다. React Native까지 마스터하려는 것은 이젠 과도한 욕심으로 보인다. 나의 목표는 "T..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/81302 문제 설명 풀이 1 : 내 풀이 풀이 과정 1. 맨해튼 거리를 이동 거리에 따라 A, B, C로 구분 2. A : 네 방향으로 2칸 이동 -> 사이에 X가 1개 있다면 지킴 3. B : 대각선으로 이동 -> 사이에 X가 2개 있다면 지킴 3. C : 네 방향으로 1칸 이동 -> 무조건 지키지 않음 function solution(places) { const result = [] const manhatenA = [[2,0],[-2,0],[0,2],[0,-2]] const manhatenB = [[1,1],[1,-1],[-1,1],[-1,-1]] const manha..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/17683 문제 설명 풀이 1 풀이 과정 1. musininfos를 forEach를 통해 순회하였다. 이 때, 구조분해를 이용하여 startTime(시작 시간), endTime(종료 시간) 등 변수화하였다. 2. C#,D#가 있어서 다음 문자가 #이라면 #과 함께 infoArr 배열에 저장하는 방식으로 하여 #을 묶어서 저장하였다. 3. 2에서 구한 길이와 지속 시간을 이용하여 반복 횟수와 나머지를 구하였다. 4. minusTime 함수를 이용해 시간차를 구한다. minusTime함수는 시간과 분을 분리하여 시간 차이 * 60 + 분 차이를 뺀 결과이다. 5. indexOf를..
😡 에러 상황 Recat Native로 android환경에서 실행하고자 $npm run android를 입력하니 아래와 같은 오류가 발생하였다. Failed to install the app. Make sure you have the Android development environment set up : ~ Error : spawn ./gradlew EACCESS 🧐 대응한 방법 이번에는 chatGPT에게 질문을 하였다. 👏 해결 방법 GPT가 알려준대로 명령어를 실행하니 바로 해결되었다. 그렇다면 내가 입력한 chmod는 어던 # chmod : 파일이나 디렉터리의 권한을 변경하는 명령어 # chmod +x gradlew : gradlew파일에 실행할 수 있는 권한을 줌 🤔 느낀점 GPT 최고
