🗓️프로젝트 기간 2022. 11. 01 ~ 2023. 03 회사 인턴과 함께 프로젝트를 하기로 했고 인턴 끝나는 기간이 저때라 일단 이 정도로 잡아두었다. 💡프로젝트 주제 선정 주식 데이터를 활용한 웹 사이트 구축 ❓주제 선정 이유 ▪️파이썬을 활용한 프로젝트는 대부분 데이터 수집이 핵심 기능임. ▪️그중 가장 일반적으로 사용하는 데이터가 바로 주식 데이터임. ▪️나는 웹 프로그래밍 경험이 많지만 팀원은 웹 프로그래밍 경험이 없어서 공부를 하고 싶어함. ▪️주식 차트 + 경제 뉴스 기능이 핵심인 웹 사이트 구축을 해보자! 🛠️개발 환경 📁프로젝트 구조 Flask 구조로 구성 stockping ├── app │ ├── main//메인 화면 ││├── app.py │├── news//네이버 뉴스 API │..
백엔드 작업이 미뤄지고 있어서 프론트를 맡은 나는 화면 먼저 만드는 중~~ 🎨화면 설계도 구현 목표 광고 배너 이미지 슬라이더 만들기 React-native-image-slider-box 라이브러리 사용 1. 라이브러리 설치 npm install react-native-image-slider-box 2. 아직 DB에 이미지 데이터가 없어서 샘플 이미지를 assets/ 경로에 저장 후 불러왔다. const images = [ require('../../assets/banner/banner_sample1.png'), require('../../assets/banner/banner_sample2.png'), require('../../assets/banner/banner_sample3.png'), ]; 3. ..
리액트 네이티브 프로젝트 진행 중 갑자기 마주한 에러... 해결하는 데 이틀이나 걸린 에러... 해결 방법은 간단했다. 💡에러 원인 에러에 대한 정보가 많이 안 나와서 정확하게 이해는 못했지만 스택오버플로우 번역기를 돌려가면서 확인한 결과,, 대충 리액트 버전이 올라가면서 PropType 모듈을 지원 안 한다는 것 같음. 💡해결 방법 그래서 새로운 prop-types 모듈을 설치하고 node_modules/react-native/index.js 경로에 있는 파일 내용을 바꿔주어야 한다. 1. 모듈 설치 npm install deprecated-react-native-prop-types 2. node_modules/react-native/index.js 내용 수정 기존 코드 내용 // Deprecated ..
📝핵심 개념 정리 벌써 정처기 실기 시험 d-4...😭 시나공, 수제비 데일리 문제, 기출문제 등등 각종 문제를 풀면서 내가 자주 헷갈리고 계속 틀리고 있는 개념 위주로 정리해본다.... 시험 전 마지막 포스팅이 될 듯 목적에 따른 테스트 기법 회복 테스트(Recovery) 테스트 시스템에 여러 가지 결함을 주어 실패하도록 한 후, 올바르게 복구되는지 확인하는 테스트 안전(Security) 테스트 시스템에 설치된 시스템 보호 도구가 불법적인 침입으로부터 시스템을 보호할 수 있는지를 확인하는 테스트 강도(Stress) 테스트 시스템에 과도한 정보량이나 빈도 등을 부과하여 과부하 시에도 소프트웨어가 정상적으로 실행되는지를 확인하는 테스트 성능(Performance) 테스트 소프트웨어의 실시간 성능, 전체적 ..
리액트 네이티브 카카오 로그인 라이브러리를 사용하려면 sdk가 필요한데 내가 개발하고 있는 Expo 환경에서는 이 방식이 불가능하다. 대신 webview 라이브러리를 사용해서 소셜 로그인 구현이 가능하다. 📌React-native-webview npm install react-native-webview //웹뷰 설치 리액트 네이티브 웹뷰는 말 그대로 web 화면을 띄우는 데 사용하는 라이브러리이다. 웹뷰를 사용해서 소셜 로그인을 구현할 때에는 웹 개발 시 REST API로 동작했던 방식 그대로 리액트 네이티브에 적용해 주면 된다. 나는 이번 프로젝트에서 카카오 / 네이버 / 깃허브 로그인을 사용하기로 했다. 1. 카카오 앱키 발급 카카오 개발자 센터에서 애플리케이션을 등록하고 이중 REST API 키를 ..
리액트 네이티브(React-Native) 앱 만들기 프로젝트 🛠️개발 환경 프론트는 RN , 백은 Spring으로 구현 예정 FrontEnd BackEnd Tool 📁프로젝트 구조 잡기 일단은 구조만... 개발하면서 수정 예정 src ├── App.js ├── Theme.js // 프로젝트에서 사용할 색상 정의 ├── components // 컴포넌트 파일 관리 │ ├── Input.js │ ├── Button.js │ ├── CommentForm.js // 댓글 입력 form │ ├── CommentList.js // 댓글 리스트 │ ├── CommentItem.js // 댓글 한개 │ ├── CustomFont.js //폰트 설정 │ ├── Detail.js // 스터디 세부 정보 │ ├── Stud..
📌파티션 ▪️파티션 -대용량의 테이블이나 인덱스를 작은 논리적 단위로 나눈 것 ▪️예상 문제 더보기 정답) 파티션 데이터베이스에서 ( )은 대용량의 테이블이나 인덱스를 작은 논리적 단위로 나눈 것을 의미한다. 대용량 DB의 경우 몇 개의 중요한 테이블에만 집중되어 데이터가 증가하므로, 이런 테이블들을 작은 단위로 나눠 분산시키면 성능 저하를 방지할 뿐만 아니라 데이터 관리도 쉬워진다. 하지만 분산된 테이블 간 조인 비용이 증가할 수 있고, 세심한 관리가 요구된다는 단점이 있다. 📌인덱스 ▪️인덱스 -데이터 레코드를 빠르게 접근하기 위해 쌍으로 구성되는 데이터 구조 ▪️인덱스 종류 -트리 기반 인덱스 : 인덱스를 저장하는 블록들이 트리 구조를 이루고 있는 것 -비트맵 인덱스 : 인덱스 컬럼의 데이터를 Bi..
📌XP의 주요 실천 방법 Pair Programming(짝 프로그래밍) -다른 사람과 함께 프로그래밍을 수행함으로써 개발에 대한 책임을 공동으로 나눠갖는 환경을 조성함 Collective Ownership(공동 코드 소유) -개발 코드에 대한 권한과 책임을 공동으로 소유함 Test-Driven Develpment(테스트 주도 개발) -개발자가 실제 코드를 작성하기 전에 테스트 케이스를 먼저 작성하므로 자신이 무엇을 해야 할지를 정확히 파악함 Whole Team(전체 팀) -개발에 참여하는 모든 구성원(고객 포함)들은 각자 자신의 역할이 있고 그 역할에 대한 책임을 가져야함 Continuous Integration(계속적인 통합) -모듈 단위로 나눠서 개발된 코드들은 하나의 작업이 마무리될 때마다 지속적으..