💻 Programming

사용 라이브러리 - requests- pandas 지도에 공공데이터 포털에서 API로 받아온 장애인 구인 실시간 현황 데이터의 comAddr(회사주소)를 지도에 마커로 표시하기 위해 위도와 경도로 변환하여 테이블에 저장해 보려고 한다. 네이버 Geocoding API를 사용하여 주소를 좌표로 변환하는 방법이다.  01. 네이버 Geocoding API 키 발급받기먼저, 네이버 클라우드 플랫폼에서 Geocoding API를 사용하기 위해 API 키를 발급받아야 한다. 1. 네이버 클라우드 플랫폼에 접속하여 로그인한다.2. 콘솔에서 Application 서비스의 애플리케이션 등록 메뉴로 이동, 새 애플리케이션을 등록한고 Geocoding API 사용을 활성화한다. 3. 발급된 클라이언트 ID와 클라이언트 시..

사용 라이브러리 - csv- datetime 지난 글에 이어서 번역한 메시지 데이터를 테이블에 삽입해야 하는 일이 생겼다. 하나씩 복사해서 insert문을 작성하기엔 너무 많다는 생각이 들어서 한 번에 쿼리문을 생성할 수 있는 방법에 대해 고민했다.  Python을 사용하여 CSV 파일의 데이터를 MySQL 데이터베이스에 삽입할 수 있도록 csv 모듈을 이용해 CSV 파일을 읽고, 각 행의 데이터를 기반으로 MySQL INSERT 쿼리문을 생성하는 프로그램을 만들어봤다. en.csv 파일 (CSV 파일은 다음과 같은 구조를 가정한다)첫 번째 열: 한국어 메시지 (MSG)두 번째 열: 메시지 코드 (MSG_CD)세 번째 열: 영어로 번역된 메시지 (MSG_EN)나머지 열은 무시된다.01. Python 코드..

01. 문제2일동안 찾아보던 버그… 회사 프로젝트에서 react-datepicker를 사용해서 달력을 만들었다. 그런데 달력을 닫으려고 배경을 클릭했을 때, 달력이 닫히고 이벤트가 종료되어야 하는데. 클릭한 위치에 버튼이나 어떤 이벤트가 달린 컴포넌트가 있으면 그 이벤트가 실행되었다. 리액트 강의를 들으며 실습하고 있던 프로젝트를 연습장 삼아 달력을 다시 만들어봤다. 달력 외부에 주문하기 버튼을 클릭했을 때 버튼 이벤트가 발생하였다.  ProductItem에 있는 버튼 이벤트가 실행되는 것을 로그를 통해 확인할 수 있었다. 02. 해결과정DatePicker에 있는 onClickOutside에 버블링을 중단하는 코드를 넣어줬다. -> (X) 해결되지 않음 {/* {isOpen && } */..

사용 라이브러리 - pandas- googletrans 모바일 화면에서 사용하는 한국어 메세지를 영어로 번역하여 등록해야하는 업무를 맡게 되었다. 메세지는 약 300개 정도로 하나씩 번역하기에는 시간도 오래 걸릴것 같고 번거로운 작업이라는 생각이 들었다.pandas와 googletrans 라이브러리를 사용하여 csv 파일을 읽고한국어를 영문으로 번역하여 다시 csv로 저장하는 프로그램을 만들어 보았다.  01. googletrans란?googletrans는 Google 번역 API를 사용하여 여러 언어 간의 번역을 제공하는 파이썬 라이브러리이다. 이를 통해 쉽게 텍스트를 다양한 언어로 번역할 수 있다. googletrans는 간단한 번역 작업에 유용하며, 다양한 프로젝트에서 손쉽게 다국어 지원을 구현할 ..

리액트 개발 환경을 구성하는 여러 가지 방법이 있다. 가장 흔한 방법은 웹팩(Webpack)을 사용하는 것이지만, 그 외에도 Create React App(CRA), Parcel 등의 도구를 사용하여 개발 환경을 구성할 수 있다.  각 방법은 각자의 장단점이 있으며, 프로젝트의 요구 사항에 따라 적합한 방법을 선택할 수 있다. 웹팩을 선택한 경우처럼 세밀한 제어와 유연성이 필요하다면 웹팩을 사용하는 것이 좋다. 반면 간단하게 시작하고자 한다면 Create React App이나 Parcel을 사용하는 것도 좋은 방법입니다. 01. 웹팩(Webpack)을 사용한 개발 환경 구성장점유연성: 웹팩은 로더와 플러그인을 통해 다양한 자원을 번들링하고 처리할 수 있음커스터마이징: 설정 파일을 통해 세밀한 설정이 가능..

[리액트2부]고급주제와훅을 수강하며 공부한 내용을 정리하는 글 입니다.[리액트 1부] 만들고 비교하며 학습하는 리액트 (React) 강의 듣고 실습한 것은 github에 있습니다. 01. 1부 수업 요약1부 수업에서는 쇼핑몰 검색 화면을 만들면서 리액트 기본 개념을 익혔다.  준비편라이브러리 없이 바닐라 js로 어플리케이션 개발했다.  소개편리액티브와 가상돔 개념을 익혔다. react, react-dom, babel, jsx의 역할을 이해했다.  사용편 1리액트로 어플리캐이션을 다시 만들었다.컴포넌트, 상태, 이벤트 처리, 조건부/리스트 렌더링, 컴포넌트 생명주기 등 리액트의 주요 개념에 대해 이해하고 실습했다.  사용편 2여러 컴포넌트로 어플리케이션을 다시 설계했다. 역할에 따라 작은 컴포넌트 여러 개..

조인(Join) - 관계형 DB에서 가장 기본, 중요한 기능 - 두개 이상의 테이블을 서로 연결하여 데이터 추출 - 많이 할 수록 성능 저하 조인 시 데이터 집합 레벨의 변화 이해 - 1:M 조인 - 결과 집합은 M 집합의 레벨을 그대로 유지 실습 -- 직원 정보와 직원이 속한 부서명을 가져오기 SELECT A.*, B.DNAME FROM HR.EMP A JOIN HR.DEPT B ON A.DEPTNO = B.DEPTNO; -- job이 SALESMAN인 직원정보와 직원이 속한 부서명을 가져오기. SELECT A.*, B.DNAME FROM HR.EMP A JOIN HR.DEPT B ON A.DEPTNO = B.DEPTNO WHERE A.JOB = 'SALESMAN'; -- 부서명 SALES와 RESEA..

01. 백업하기 백업하고 싶은 Database 우클릭 > 도구 > 백업 클릭 dump 뜨고 싶은 테이블 선택 저장할 폴더 위치 선택 및 Start 클릭 02. 복구하기 백업할 Database 우클릭 > 도구 > 복원 클릭 backup 파일 업로드 후 start 클릭 복구 완료