안녕하세요!! 드디어!! 수료증이 발급되었습니다 ㅎㅎ!!! 수료증 인증과 함께 짧은 후기를 한 번 남겨볼까 합니다 👀 처음에 기본적인 프로그래밍 기초나 이런 부분은 학교에서도 많이 배웠던 부분이고 해서 이해하는 데 그렇게 오래 걸리지 않았었는데, 3일 차부터는... 아주 폭풍 몰아치듯 따라 하기만 하는 것도 조금 버거워서 혼자 이것저것 찾아보고 질문도 엄청 많이 했었던 것 같아요 ㅠㅠ 거의 학교 다니는 것처럼 10시부터 오후 6시까지 쭉 이어지는 수업 외에도 또 따로 공부를 더 해야 그나마 이해에 좀 더 도움이 되더라고요! 조금 빡세긴 했지만요 그래도 새로운 것들을 배워보고, 또 강사님이 워낙 친절하셔서 안 되는 부분은 하나하나 같이 봐주시고 원격으로도 같이 봐주신 덕분에 이해하는 데 엄청 도움 됐던 것..

안녕하세요! 이번엔 조금 늦었습니다 ㅠㅠ... 이해가 되지 않아서 엄청 끙끙 싸매고 어떻게든 이해하려고 해보았는데 실패했습니다... 아직도 되지 않은 부분이 있어서 이 일지 작성 후에도 천천히 되짚어보면서 다시 이해해보려고 해봐야겠어요... 그래도 이해한만큼은 한 번 작성을! 해보겠습니다! 잔액조회 & QR 생성 먼저 오전에는 잔액을 조회하고, QR코드를 생성해보는 작업까지 진행했습니다. 우선 웹 상에서 컴포넌트의 스테이트나 값들을 확인할 수 있게 React Developer Tools를 설치해주었습니다 chrome 웹 스토어 -> React Developer Tools 검색 후 확장 프로그램을 추가해줍니다. 물론 추가하고 난 직후에는 한 번 껐다가 켜야 합니다! 그렇게 하게 되면 요렇게 확인이 가능해져..

안녕하세요! 네 번째 날... 탈탈 털리고 돌아왔습니다 😢 어제까진 그래도 조금 어렵지만 더 열심히 하면 할 수 있을 거야! 이거였는데 오늘은 정말 정말 정말 정말 어려웠어요... 하지만 어려운 만큼 또 너무 재미있어서 오늘도 너무 보람찬 수업이었습니다. 친절하게 하나하나 알려주신 강사님 덕이기도 하고요 ㅎㅎ 그럼 바로 본론으로 들어가 보겠습니다 사용자 인증 & 토큰 확인 화면 작성 오늘 오전 시간에는 어제 배웠던 API와 route 기능을 사용하여 본인 인증 화면, 토큰 확인 화면을 각각 만들었습니다. 오늘은 결과물을 먼저 보고 가야겠어요 ㅎㅎ 다시 말하지만 오늘 건 진짜 진짜 어려웠어요... 그래서 천천히 작성을 해보려고 합니다. 사용자 인증 화면 작성 이걸 웹 화면으로 옮겨보았습니다. 페이지 하나를..

안녕하세용! 금방 돌아왔습니다 ㅎㅎ 글이 너무 길어져서 부득이하게 끊고 갈 수밖에 없더라고요 ㅠㅠ 그럼 바로 본론으로 들어가보겠습니다! Post-Man 설치 Post-Man이란? 요청과 응답을 쉽게 만들고 확인할 수 있는 프로그램. 쉽게 말해 API가 잘 동작이 되는지 안 되는지 확인할 수 있는 프로그램인데요 여기서 API가 잘 동작이 되는지 확인하고 나면 실제 API를 이용한 개발에서 생긴 오류가 적어도 API 때문은 아니라는 걸 알고 갈 수 있기 때문에 상당히 편리한 프로그램입니다. POST-MAN은 아래의 주소에서 다운 가능합니다. https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for fre..

안녕하세요! 세 번째 날 포스팅으로 돌아왔습니다! 어제 굉장히 설레어하며 오늘을 기다렸는데, 그 마음에 부응하듯 오늘은 조금 따라가기 어려웠어요 중간에 안 돼서 질문도 많이 드리고 ㅠㅠ,,, 쉬는 시간까지 고생해준 강사님께 이 자리를 빌려 다시 한번 더 감사를 드립니다...😊 자 그럼 오늘 후기 바로 시작해보겠습니다! React Router Install React Router 각기 다른 페이지를 처리하는 방법 중 하나로, 이미 랜더링 되어있는 page를 바꾸는 기능이 추가되어있는 라이브러리입니다. 라우팅을 나누어 다양한 페이지를 처리할 수 있게 합니다. 우선, 설치를 먼저 진행하였습니다. //꼭 프로젝트 디렉토리 안에 다운받아야 합니다. {project directory}>npm install reac..

안녕하세요! 핀테크 아카데미 둘째 날 수업을 마쳤습니다. 오늘은 Javascript 기본 문법과 React 환경 설정을 하는 날입니다. 수업 초반에는 웹 프로그래밍이 무엇인지 간단한 설명을 들었습니다. 지난 학기에 수강했던 서버구축관리 과목이 생각나면서 다시 복습하는 느낌으로 재미있게 들었습니다. Javascript 기본 문법은 정말 간단한 기본 문법이었으니 이 부분은 패스하고 리액트 개발환경 설정으로 바로 넘어가볼게요! React란? 자바스크립트 라이브러리의 하나로, 사용자 인터페이스를 만들기 위해 사용. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지 보수되며, 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. React 개발환경 설정 어제 설치했던 VisualStudio..