1. MVC, MVW, MVVM / 리액트의 개발 Angular, backbone.js, Derby.js, Ember.js, Ext.js, Knockback.js, Sammy.js, PureMVC, Vue.js 에는 많은 프레임워크가 존재하는데, MVC(model-View-Controller)아키텍처, MVVM(Model-View-View-Model)아키텍처를 사용한다. AngularJS의 경우 MVW(Model-View-Whatever) 아키텍처로 애플리케이션을 구조화함. MVC, MVVM, MVW 등과 같은 여러 구조가 지닌 공통점은 모델(Model)과 뷰(View)가 있다는 점이다. 모델 : 애플리케이션에[서 사용하는 데이터를 관리하는 영역 View : 사용자에게 보이는 부분이다. 프로그램이 사용자..

5강 버튼에 기능개발을 해보자 & 리액트 state 변경하는 법 1개의 state안에 여러가지 자료를 넣고싶다면 array형식으로 만들어서 사용 아래와 같이 만들어서 사용함 let post = '강남 우동 맛집' let [글제목, b] = useState(['남자 코트 추천', '강남 우동맛집', '파이썬 독학']); 이 자료를 뽑고 싶을 때는 아래와 같이 인덱스 입력하여 사용 return ( ReactBlog { 글제목[0] } 2월 17일 발행 { 글제목[1] } 2월 17일 발행 { 글제목[2] } 2월 17일 발행 터미널을 실행해보면 빨간색 error랑 warning 이렇게 두가지가 나오는데 빨간색의 경우는 중요한 거라서 해결해야함 노란색의 경우는 무시해도 됨. 노란색이 좀 지우고싶다. /* es..

2강. 리액트 설치와 개발환경 셋팅 리액트 파일 만들 때는 폴더를 하나 만든 후 폴더 우클릭 후 터미널로 열기(맥북기준) npx create-react-app blog(blog에 파일명 입력) 리액트 처음 시작할 때 (미리보기) → npm start 왜 설치를 했는가 ? html에도 직접 리액트 설치할 수 있는데 create react app 라이브러리를 사용해서 도움을 받음 사용하려면 npm이 필요해서 node.js 설치해야함 폴더 생성 후 폴더 열기하면 파일 안에 node_modules 폴더 : 라이브러리 보관함 public 폴더 : static 파일(html, 이미지파일 등 보관할 때) src 폴더 : 코드 짜는 곳 - 소스 코드보관함 app.js가 메인페이지 app.js → html app.js ..

오늘 CS의 강의를 처음 들어봤는데, 너무 어려웠다. 이 강의를 듣고 사람들에게 설명을 해야했다. 처음 배우는 개념을 남들에게 설명하기에는 정말 어려웠다. 강의를 보았을 때는 이해가 되지 않았던 부분이 사람들에게 설명을 하니 머릿속에 들어오는 거 같다. 역시 어떤 내용을 보고 사람들에게 설명하는게 좋은 공부 방법인거 같다. 그래서 CS뿐만 아니라 리액트, 자바스크립트도 보면서 설명을 해야겠다. 이제 곧 항해99 본과정이 들어가는데 좀 더 으쌰으쌰해서 무사히 수료해보자!

서버 GET - 데이터 읽을 때 POST - 데이터 보낼 때 POST 요청 ajax → 새로고침 없이 GET, POST 요청하는 기능 json object, array 보내고 싶으면 따옴표해서 문차처럼 만들어야함 → “{”price”: 5000}” → json ajax로 GET 요청하는 법 ajax로 POST 요청하는 법 ajax 실패시 특정 코드실행 오류 404 → 실행 url이 잘 못될 경우 fetch 함수로 get 요청 fetch('') .then(res => res.json()) .then(function(data){ console.log(data) }) .catch(function(error){ console.log('실패함') }); json object, array 보내고 싶으면 따옴표해서 ..

두 수의 차 문제 설명 정수 num1과 num2가 주어질 때, num1에서 num2를 뺀 값을 return하도록 soltuion 함수를 완성해주세요. 제한사항 50000 ≤ num1 ≤ 50000 50000 ≤ num2 ≤ 50000 입출력 예 num1 num2 result 2 3 -1 100 2 98 입출력 예 설명 입출력 예 #1 num1이 2이고 num2가 3이므로 2 - 3 = -1을 return합니다. 입출력 예 #2 num1이 100이고 num2가 2이므로 100 - 2 = 98을 return합니다. -------------------------------------------------------------------------------------------------------------..