본문 바로가기

분류 전체보기

 (45)
[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의 정의이다. 이 뜻은 자바스크립트 애플리케이션을 위한 예측가능한 상태의 저장소이다. 그렇다면 이 뜻은 무엇일까?소프트웨어의 복잡성은 굉장히 많은 문제를 일으킨다. 자연스럽게 우리는 코드의 복잡성을 해결하고 싶을 ..
REST API란 무엇인가 API 응용프로그램 프로그래밍 인터페이스 (Application Programming Interface) API란 응용 프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 자원(기능)을 제어할 수 있게 만든 인터페이스이다. 원래 기본적으로는 응용프로그램을 만들기위한 함수들을 모아둔 곳이라고 설명할 수 있다. WEB API란? 그렇 다면 WEB API는 무엇일까? 쉽게말해서 웹 서비스를 위한 API이다. 예를 들면, 부동산 정보API는 우리가 아는 서비스인 '직방'이나 '다방'에서 쓰인다. 지도 API는 네이버나 구글에서 좌표나 연관 장소제공 등을 사용하게 위해 쓰인다. 부동산 정보 ->직방, 다방 로그인 ->페이스북, 구글, 네이버 SMSAPI 게임 데이터 API 지도 API(네이버, 구..
웹 크롤링이란? 웹 스크래핑이란이란 스크레이핑(scraping)이란 웹 크롤링(Web Crawling) 이라고도 하며, 통신을 통해 웹 사이트에서 원하는 정보를 자동으로 수집하고 정리하는 것 웹 크롤링은 네이버 쇼핑 최저가 검색, 인스타그램 태그 검색 등 정말 많은 곳에 쓰이고 있다. 웹 크롤링이란 웹 스크레핑이라고도 한다. 스크레핑이란 통신을 통해 웹 사이트에서 원하는 정보를 자동으로 수집하고 정리하는 것이다. 그렇다면 통신은 뭘까. 통신은 송신자가 수신자에게 어떤 수단을 통해 메시지를 전달하는 것을 말한다. 웹 통신이란? 웹(인터넷)이라는 수단을 통해 메시지를 전달하는 것을 말한다. 웹 통신에는 두 종류가 있다. TCP 응답이 있는 통신 따라서 속도가 느리다. 대부분의 웹 통신이다. 요즘 트렌드는 UDP랑 같이 쓴다..
대세인 MVVM 에 대해서 제가 인턴으로 일했던 곳에서 우연히 요즘은 모바일 프로그램을 MVVM 패턴을 적용해서 만들더라... 유지보수가 좋고 꼭 필수될 테니 꼭 공부해둬라라는 말을 들은 적이 있었습니다. 그렇게 인턴 중에도 그 중요함을 깨닳고 원래 만들던 앱에 MVVM을 적용해보려 노력했던 적도 있으나 쉽지는 않았습니다. 하지만 꼭필수이기 때문에 알아야 한다고 생각합니다. 물론 다른 디자인 패턴도 있습니다. MVC나 MVP가 대표적이죠. 하지만 저는 복잡하게 다른들은 정리하지않고 오로지 MVVM의 대해서만 정리해보려고 합니다. - MVVM 이란? 이 패턴을 풀어서 말하면 Model + View + View Model 입니다. Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분. 간단하게 View에 표시할 ..
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 버튼 눌러 ..
[딥러닝 + TensorFlow] ReLU와 RBM ▶ReLU 참고 동영상 : https://youtu.be/cKtg_fpw88c 먼저 ReLU를 들어가기 전에 전에 포스팅 해두었던 Neural Net for XOR이 뭔지 알아야한다. 관련 포스팅 : https://call203.tistory.com/38 그럼 저번 포스팅에 이어서 좀 더 설명해보겠다. 2개의 입력과 1개의 출력을 가지고 있는 네트워크를 보자. 만약 두개의 weight와 bias를 가질때는 아래와 같은 그림으로 나타낼 수 있다. 그렇다면 layer가 3개일 때는 어떨까? weight와 bias를 늘려주고 hypothesis를 아래와 같이 조정해주면 된다. 아래의 hypothesis가 이렇게 되는 이유는 이미 전에 포스팅이 되어있다. 단, 여기서 중요한 것은 weight의 tf.random..

티스토리툴바