촬리의늘솔길

5일동안 빠른속도로 이 모든걸 끝냈다. ㅜ 눈이 건조해지는 느낌이 절로 들었땅.. 아직 학부 2학년이지만 평소에 따로 웹,서버,API관련해서 조금씩 공부했기에 어려움을 느끼지않고, 잘 따라갈 수 있었던것같다.(그렇다고 잘한다는건아님) 중간중간 오류가 많이 났었지만, 강사님께서 원격으로 친절히 해결해주셔서 마지막까지 포기하지않고 잘 해낸것같다. 이 아카데미를 통해 전체적으로 핀테크 서비스가 어떠한 원리로 구성되는지 얼추 느낄 수 있었다. 아카데미수강은 끝이지만, 새로운 분야의 포문을 연 것이라고 생각하고 계속 공부해야겠다.

스크래핑 기반의 방식은 금융계에서 이제 점점 사라진다고는 함 근데 OPEN API 완성도가 별로라고,,, 오늘도역시~ 셀레니움! 크롬드라이버 설치, 파이썬 설치, 크롬드라이버 압축풀어서 지금 작업중인 파일에 놓아주기 음.. vsc는 이런게 불편하네 Python사용했음! from selenium import webdriver driver = webdriver.Chrome('./chromedriver') driver.get("https://www.jnilbo.com/view/media/view?code=2021082616175071931")#주소로 이동 #원하는 요소 찾기 xpath를 통해 찾아낸다. title = driver.find_element_by_xpath( '//*[@id="container"]/..

드디어 마지막날! 계좌 이체 서비스 - 자금을 집금하는 - 계좌에서 돈을 가지고 오는 (출금이체) - 이용기관의 계좌에서 사용자의 계좌로 자금을 송금 출금이체 API 이용기관이 등록된 한 개의 사용자 계좌로부터 대금을 출금합니다. 등록된 핀테크이용번호로 요청하는 경우(/fin_num)와 실 계좌번호로 요청하는 경우(/acnt_num)의 두 가지 기능을 각각 제공합니다 출금이체를 통해 고객들의 돈을 받아낼 약정 계좌를 만들어냄 입금계좌에서 돈을 뽑아서 사용자에게 돈을 보내게 됨 출금 요청의 주체는 나. 이거 포스트맨에 요청 팝업요청을 위해서는 모달이라는것을 사용해야함 외부라이브러리이고, 외부라이브러리에 컴포넌트전달해서 웹에 그려주는방식 npm install react-modal 스캔이 되면 모달창을 띄워주..

session starage 는 브라우저 꺼지면 사라지고 local starage 는 남아있다고.. CORS오류는 프록시를 통해서 해결해야한다고함 package.json에 "proxy":"https://testapi.openbanking.or.kr" 을 추가하기 와 "Content-Type" : "application/x-www-form-urlencoded;charset=UTF-8" 이거 틀려서 안떴던거였음 여태... 드디어 되었따아아앙!!! 여기를 보면서 해결 로컬스토리지에 저장해놓은 정보들을 가져오도록 Main에 코드 추가 로컬스토리지에 있는거 초기화는 구글 쿠키지우기나 그런거 하면됨 계좌 목록 요청보내기 const getAccountList = ()=>{ const accessToken = loca..

app.js 에 Adduser 페이지추가 Adduser .js const AddUser = () => { const openAuthSite = () => { let tmpwindow = window.open("about:blank"); tmpwindow.location.href = "https://naver.com"; let clientId = "q7kH44ThJwjpvNRg0BbJvE1yxvx5X53DKz1rNgPF"; //본인의 클라이언트 아이디를 입력해주세요 tmpwindow.location.href = `https://testapi.openbanking.or.kr/oauth/2.0/authorize?response_type=code&client_id=${clientId}&redirect_uri=h..

프로퍼티를 통해서 handleSerchTextChange 라는것을 전달 확장프로그램이용해서 값 전달된거 콘솔에서봐야하는데 모르겠음 import axios from 'axios'; import React ,{useState} from 'react' import Header from '../component/Header' import SearchInput from '../component/newsSearch/SearchInput' const NewsSearch = () => { const [searchText, setSearchText] = useState(); const [searchResult, setSearchResult] = useState(); const handleSearchTextChange =..

import React ,{useState} from 'react' const EventExample = () => { // let contents = "내용입니다."; const [contents, setContents] = useState("기본값") //변수를 무조건 배열로선언 const handleChange = (e) =>{ //onchange는 event라고 하는 인자를 전달해줌 const {value} = e.target setContents (value) Set 사용해야함 } return ( {contents} ) } export default EventExample App.js -리액트를 표현하는 가장 중요한 키워드 -컴포넌트는 웹의 구성요소를 정의 내림 - 프롭스는 프로퍼티를 통해 데이..

지급결제에 대해 배워보자! 1. 지급결제 서비스환경 오픈뱅킹 - 금융권 공동 오픈 API API: 특정프로그램의 기능이나 데이터를 다른 프로그램이 접근할 수 있도록 미리 정한 통신규칙 새로운 핀테크 기업이 지속적으로 출현할 수 있는 인프라 구축 제공내용 ( 금융결제원에 있다고 함) 서비스 API 인증/관리 API 오픈뱅킹 : 모든 핀테크 업체나 은행이 핀테크 서비스를 원활하게 개발할 수 있도록 조회, 이체 등 은행의 핵심 서비스를 표준화해 오픈API형태로 제공하는 공동 인프라 ▪ 앱 하나로 모든 은행계좌에서 출금이나 이체를 할 수 있는 오픈뱅킹 시행 ▪ 오픈뱅킹 도입은 은행이 보유한 정보와 금융결제망에 대한 독점력을 약화시켜 금융의 핵심축이 핀테크로 이동할 수 있는 계기로 작용 오픈뱅킹-(핀테크기업)시장..

시스템 세팅 Node.Js 설치 설치확인 VCS설치 (이미 설치 되어있음) 아 LG그램 진짜 별로다 Zoom이랑 동시에 키자마자 또 화면떨림.. Git설치 (이미 설치되어있음) 다른건 안봐도 Git을 보고 코딩 스타일, 발전 가능성을 본다고함..사용 잘해야징! SourceTree 설치 github에서 sourcetree통해서 가져옴 웹 프로그래밍 개요 서버 네트워크 클라이언트 역할 사용자의 요청에 응답 클라이언트의 요청을 전달 (주소만 알면 됨 지금은 그 안에 일어나는 일들은 알아서 처리하도록) 사용자와 인터렉션/사용자가 사용하는 프로그램 예시 웹 어플리케이션 서버 인터넷/인트라넷 안드로이드/IOS어플리케이션 , 웹 어플리케이션 , IOT디바이스 등등 (통신 규약- 프로토콜) 대부분의 응답에 대한 데이터..

방학이 마무리 되기전에, 뭐라도 해볼까 해서 신청한 핀테크 아카데미 기초반! 곽영기 교수님께 배운다. 열심히.. 들어보도록 하겠다. 1. 은행(BANK)소개 은행이 하는일 기본적 업무 : 수신 + 여신 1. 수신 : 예금 받는 업무 2. 여신업무: 자금을 대여해주는 업무 3. 부수적 업무 : - 환업무 : 지급결제 - 신탁/ 보관 업무 : 재산 보관 , 보증 은행의 기원 - 고대 메소포타미아 지방 - 함무라비 법전에 기록된.. - 사원 - bench 에 앉아 업무를 했던것에서 유래. banko(이탈리아말 탁자)에서 유래했다는 것이라는 설도 있음. - 신용창출의 기능 발견 은행지점의 변천 2. 핀테크 등장 배경과 이슈들 금융권의 디지털 전환이 급속히 진행되고 있다. (ex: 비대면 문화의 확산) DTL 디..