bravo my life!

axios Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용합니다. axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용 Promise(ES6) API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경

React 숙련 주차의 시작 굉장히 힘든 한 주였다. 이해하지 못하고 넘어간 것이 왜 이렇게 많은지 불안한 마음뿐이다. 숙련주차의 과제로 나만의 단어장을 만들어야 했다. 처음으로 리덕스를 사용해 보았고 파이어스토어와 파이어베이스를 사용해 보았다. 리덕스는 후기를 남겨보고 싶은데 이해하지 못한 것이 너무 많아 차차 알아가며 정리할 생각이다. 지금은 내가 뭘 모르는지 뭘 아는지 모르는 상태이기 때문에 정리를 해도 소용이 없을 것 같다. 그나마 React훅 중 하나인 useRef를 아주 약간이나마 이해를 하고 사용해 본 것 같다. e.target.value()와 비슷한 용도로 사용하고 어딘가에 있는 값을 가져올 때 사용한다고 이해하고 있다. 이번 과제물이다. 아쉬운 점이 정말 많다. 삭제, 수정기능을 만들고 ..

React 기초 주차의 시작 말로만 듣던 React에 접근을 하게 되었다. React란 무엇이냐? 저번에도 말했듯이 웹을 만들때 편리하게 하기 위한 라이브러리라고 알고 있었고 배우기 쉽겠다고 생각했다. 그것은 굉장히 오만한 생각이었다. 기본이 되어있지 않은 상태에서 React를 만지는 것은 한국말 할 줄 안다고 국어학회에 나가는 꼴인 듯 했다. 자바스크립트에 대해 어느정도 지식이 있어야 했고 여러가지 내장함수나 지식들을 검색을 하며 빈 곳을 채워나갔다. 그 중 DOM이란 놈이 기억이 남는다. 아래 후술 하겠다. 과제는 내 일주일은? 이라는 평점 남기기 웹페이지이다. 언뜻보기엔 간단해보이지만 선뜻다가서기 힘들었다. 어떻게 접근을 해나가야 할 지 몰랐다. 이틀간 진행을 하지 못했고 불안하던 찰나 혼자끙끙대지..

알고리즘 풀이의 시작 아. 기다리고. 기다리던. 알.고.리.즘. 주차가 시작이 되었다. 알고리즘이라는 것을 막연하게 문제를 해결하는 방법이라고 알고 있었다. 실제로 한 주간 진행을 해보니 어느정도 맞는 생각이었다. 프로그래머스에서 제시되어 있는 연습문제들을 풀어보았는데 난이도 하하인 문제부터 차근차근 풀이해 보았다. 간혹 문제마다 난이도표시가 잘 못 되어 있다는 느낌이 있었는데 난이도 중의 문제가 난이도 하하의 문제보다 쉬운 경우가 더러 있었다. 30여문제를 풀이하며 끝내 해결하지 못하고 누군가의 답안을 보고 절망한 때와, 그 어떤 것도 참고하지 않은 채 나의 힘만으로 풀이를 완료했을때의 성취감 모두 느낄 수 있었다. 알고리즘 주차를 진행하며 가장 크게 느낄 수 있었던 점은 반복문과 조건문을 너무 과용한..

항해99의 시작 항해99가 시작하기 전에는 항상 두려웠다. 심지어 적지않은 금액을 결제를 한 상황에서도 그랬다. 하루 최소 12시간, 주 6일, 99일동안 과연 이 것을 완료할 수 있을지에 대한 걱정이 앞섰다. 항해99가 시작되기 전, 사전제공 강의인 웹개발종합반 강의를 수강할 수가 있었다. 그리 어렵지 않은 수준의 강의였고 큰 어려움 없이 수강을 종료했다. 총 3회를 수강했고 모든 강의의 내용을 이해한 듯한 나는 '나 좀 짱인듯.'이라 생각했고 이 것은 곧 좌절이 되었다. 1주차의 시작 1주차는 웹 미니 프로젝트가 진행되었다. 바로 이 1주차부터 좌절이 시작되었다. 나를 포함하여 총 4인의 팀이 구성되었고 웹페이지의 이름과 컨셉부터 구현해야할 기능들을 협의했고, 곧바로 업무의 분배가 이루어졌다. 내가 ..

- 문제점 requests와 beautiful soup을 이용하여 지니뮤직의 웹페이지를 크롤링하던 중 문제가 발생하였다. 크롤링하려는 항목은 순위, 곡명, 가수이다. 15위인 저스틴비버의 peaches가 19금 등급의 곡인데 크롤링시 필요하지 않은 19금이라는 문자열까지 가져오게 된다. for song in songs: number = song.select_one('td.number').text[0:2].strip() title = song.select_one('td.info > a.title.ellipsis').text.strip() artist = song.select_one('td.info > a.artist.ellipsis').text.strip() print(number, title, artis..

서버와 클라이언트를 좀 더 심도 있게 다루는 법을 배웠고, AWS를 이용하여 서버를 구매한 뒤 가비아를 통해 만든 도메인을 연결해 실제로서비스되는 방법처럼 배울 수 있는 주차였다. 1. 버킷리스트 사이트 만들기 간단한 버킷리스트 사이트를 만들고 4주차 때와 같이 GET, POST 방식을 이용하여 리스트를 서버에 기록하고 보여주는 연습을 하였다. 이번에 배운 POST는 지금까지와는 다르게 약간 추가된 것이 있는데, 각각의 리스트에 클라이언트 측에는 보이지 않는 번호를 부여해야 했다. 번호를 부여하는 이유는 동일한 리스트가 있을 경우에 대비함이다. 예를 들어 리스트 중에 "박물관 가기"가 두 개가 있다고 생각해보자. 첫 번째 박물관 가기를 완료시킨다면 번호가 부여되지 않았을 경우 "박물관 가기"라는 리스트가..

1. Flask Flask 프레임워크는 서버 구동을 위한 편한 코드의 모음이다. 서버를 구성하는 일은 어려운 일이기 때문에, 프레임워크의 사용이 필요하다. 튜터의 말로는 실무에서도 장인정신으로 한 땀 한 땀 밑바닥부터 서버를 만드는 일은 거의 없다고 한다. 그만큼 어렵고 시간이 많이 걸리는 일이기 때문에 프레임워크의 사용이 거의 필수적이라고 한다. 프레임워크를 쓰지 않으면 태양초를 빻아서 고추장을 만드는 격! 프레임워크는 3분 요리/소스세트라고 생각하면 되겠습니다. 2. 폴더, 파일 정리 static 폴더 : html 파일 내의 이미지, js, css 등을 저장할 폴더. templates 폴더 : html 파일을 저장할 폴더. app.py : flask 메인 python 파일. 3. API 만들기 API..

Python을 이용해 back end의 기초적인 부분을 공부할 수 있는 3주차로 구성이 되어 있었고, 실제로 MongoDB를 이용해 데이터의 저장, 추가, 불러오기, 찾기, 바꾸기, 지우기를 할 수 있었다. 1. MongoDB 에러 발생 해결법 어려운 부분은 크게 없었는데 의외의 복병이 있었다. Python에서 MongoDB로 데이터 조작을 위한 실행이 되지 않았다. m1 pro 맥북때문인지, 통신회선의 문제인지는 모르겠으나 스파르타코딩클럽 FAQ에서 문제를 해결할 수 있었다. 해결은 아래와 같다. #mongoDB #-기본코드 from pymongo import MongoClient client = MongoClient('mongodb+srv://test:sparta@cluster0.내주소.mongodb..

1. JavaScript에서 기억해야 할 것. 변수, 자료형, 함수, 조건문, 반복문 나는 현재 반복문 작성에서 취약함을 보이는 듯 하다. 튜터의 설명으로는 이전에 작업했던 코드를 그대로 붙여넣기하여 작업하는 것을 추천한다고 한다. 이는 곧 편리함과 오타로 인한 오류를 줄여줄 수 있다. ex) 아래와 같은 코드는 학습중에도 많이 봐온 코드이고, 튜터의 설명으로도 실제로 많이 사용되는 코드라고 한다. 다른 반복문 작업을 할 때에는 a_list의 내용만 바꿔서 작업하면 될 것으로 보인다. let a_list = ['사과', '딸기', '배', '감'] for (let i = 0; i < a_list.length; i++) { console.log (a_list[i]) } 2. 간단한 홀수, 짝수 판정 코드 ..