WEB PROGRAMMING (5) 썸네일형 리스트형 [React] React 처음이라면... React란 ? React의 핵심 이 포스팅은 React를 처음 시작하면서 React가 무엇인지와 React에서 알아야할 요소들이 무엇이 있는지 정리하기 위해 쓰여졌습니다. 1. React란? JavaScript(frontend) + Node.js(backend) 으로 웹 개발을 하면 javascript하나로 개발할 수 있게 된다. 원래 전통적인 웹에서는 서버에서 request에 대한 코드를 받으면 서버가 보내준 것을 랜더링이라는 것을 해주어야한다. 하지만 SPA(Single Page Application)을 사용하면 우리가 바꿔줘야할 일부의 요소만 바꿔줄수 있게 된다. 어떻게 이렇게 간단한 과정으로 바뀌는 것일까? 웹 개발자라면 다들 비동기적 통신이라는 말을 들어봤을 것이다. 웹 브라우저와 웹 서버가 내부적으로 데이터 통신을 할 때 로.. [React]React-redux란 무엇인가? *다음은 생활코딩 - 'Redux-1 수업소개' 과 John Ahn - '노드 리액트 기초강의#26 Redux 기초' 동영상을 수강하고 작성한 글임을 밝힙니다.* https://www.youtube.com/watch?time_continue=22&v=dJC_uAR7d60&feature=emb_logo https://www.youtube.com/watch?v=Jr9i3Lgb5Qc Redux란? A predictable state container for JavaScript Apps. 이 Redux의 정의이다. 이 뜻은 자바스크립트 애플리케이션을 위한 예측가능한 상태의 저장소이다. 그렇다면 이 뜻은 무엇일까?소프트웨어의 복잡성은 굉장히 많은 문제를 일으킨다. 자연스럽게 우리는 코드의 복잡성을 해결하고 싶을 .. HTTP Methods & CRUD HTTP Methods HTTP는 컴퓨터(클라이언트)와 서버간의 네트워크 통신을 하기위한 규약 중에 하나입니다. HTTP로 데이터가 서버로 전달 될 때, method라는 속성이 데이터를 보내는 목적을 표시해주는 역활을 하고 같은 데이터가 전달되더라도 method가 다르면 데이터를 전달 받은 서버는 method에 따라 데이터를 다르게 처리합니다. 지금 부터 설명해줄 method는 많은 종류중 가장 자주 쓰이는 것입니다. ○ GET 요청받은 URI의 정보를 검색하여 응답한다. ○ POST POST 요청 방식은 요청 URI(URL)에 폼 입력을 처리하기 위해 구성한 서버 측 스크립트(ASP, PHP, JSP 등) 혹은 CGI 프로그램으로 구성되고 Form Action과 함께 전송되는데, 이때 헤더 정보에 포함.. MongoDB와 Node.js에 연동시키기 Node.js에서 효율적이게 사용할 수 있는 Nosql DB 중에서 가장 많이 사용하고있는 MongoDB를 사용할 준비와 이것을 Node.js에 연동시키는 방법을 한번 알아보겠습니다. MongoDB 시작하기 일단 무료 온라인 Mongo DB를 생성하기 위해 https://www.mongodb.com/cloud/atlas 에 접속합니다. 접속해서 가입을 하거나 구글 연동을 한 다음 Create New Cluster 페이지에서 Cluster를 create 해줍니다. 그런다음 IP whitelist를 설정하기위해 해당 목록으로 들어갑니다. 지정된 IP만 DB에서 접근할 수 있도록 할 수 있지만 연습하는 입장에서 Add IP ADDRESS를 누른 다음 Allow Access From Anywhere 버튼 눌러 .. 홈페이지 만들기 * 메인 페이지 -메뉴바 : 다른 상세 페이지로 넘어갈 수 있게 해주는 배너이다. 1. 로고 이미지를 클릭하면 메인 페이지로 돌아갈 수가 있다. 2. story : 맥도날드만의 약속 && 맥도날드의 시작 두 페이지로 이동할 수 있으며 회사의 대한 설명들을 볼 수 있다. 3. menu : 이 가게가 판매하고 있는 메뉴들을 음료, 버거, 스낵, 맥모닝으로 따로 분류하여 볼 수 가 있다. 4. what’s new : 신메뉴의 대한 설명 && 다음 신메뉴의 대한 고객의견 반영을 위한 투표 5.order : 클릭하면 음식을 배달시킬 수 있게 배달 사이트를 연결해 주었다. --------------------------------------------------------------------------------.. 이전 1 다음
