💭 1. 이번 주엔 어떤 일들이 있었고, 그 속에서 나는 어떤 것을 느꼈을까 자세한 내용 1일 1TIL guesung.oopy.io 😊 2. 이번주를 돌아보며 🎖️ 이번 주 이룬 성과는? 1. 블로그를 분석하였다. 블로그를 분석하여 내가 Next.js에서 모르고 있던 내용들이 참 많다는 것을 또 느꼈다. 특히 Next.js 13 이후에 업데이트된 사항에 대해 잘 몰랐다. 내가 찾아본 블로그 등 자료들이 그 이전에 작성되었거나, 그 이전에 진행한 프로젝트 바탕으로 작성된 내용들이었던 것 같다. 2. 학교 공부와 개발 공부를 적절히 섞어가며 했다. 학교 공부는 최대한 핵심적인 부분만 빠르게 정리하기 위해 노력하였다. 그 외의 시간은 모두 개발에 투자하였다. 3. 새싹톤 아이디어 기획을 시작하였다. 서비스가 ..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/150366 문제 설명 풀이 1 풀이 과정 : Union-Find알고리즘을 이용한 문제 1. cell배열과 parent 배열 cell 배열 : 51x51 크기의 2차원 배열로, 각 셀에 할당된 문자열 값을 저장 parent 배열 : 51x51 크기의 2차원 배열로, 각 셀의 부모 셀(병합이 일어난 경우 해당 셀이 속한 그룹의 대표 셀)의 좌표를 저장 2. 각 기능들을 함수화해주어, 추상화하였다. - iterateAll(callbackFn) : 모든 셀에 대해 주어진 콜백 함수를 실행 - find(coord) : 좌표 [r,c]를 찾는 - isSameCoords([r,c],p..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/118668 문제 설명 풀이 1 : 내 풀이 풀이 과정 1. problems배열을 순환하며 [0], [1] 즉 alp_req와 cop_req가 가장 큰 값을 찾는다. 2. 내 알고력과 코딩력이 필요한 최대 점수를 넘어설 수 있기에, 문제의 필요한 최대 점수를 targetAlp와 targetCop에 각각 저장한다. 3. 2차원 배열 visit를 만든다. 이는 현재 가진 코딩력과 알고력을 가지기 위한 시간의 최솟값을 저장하는 배열이다. 4. 모든 경우를 탐색하기 위해 DFS를 돌린다. 인자 : alp, cop, cnt, problems이다. 4.1. 만약, 현재 내 알고력알고력 ..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/150367 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 풀이 1 : 런타임 에러 풀이 과정 1. 2진수로 변환 : toString(2) 2. 트리로 만들기 : makeTree(), (2**n)-1보다 작은 값이 되면 앞에 0을 붙여줌 3. 각 경우 별 트리의 조건에 성립하는지 판단 -> 트리인지 체크하는 함수 (재귀함수) - "부모 요소가 0일 때, 자식 노드가 1이라면 이진트리 형태가 아니다. 그 외의 형태는 ..
📚 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]로 나에게 알려주고 있었다. 이를 계속 무시한 나... 🤔 느낀점 에러를 검색해보기 전에, 에러메시지를 ..
