profile
계속 발전하고 싶은 초보 개발자
post-thumbnail

URI와 웹 브라우저의 요청 흐름

✔️ URI (Uniform Resource Identifier)는 로케이터(Uniform Resource Location), 이름(Uniform Resource Name), 또는 둘다로 분류 될 수 있다.✔️ URI라는 큰 개념은 리소스를 식별하는 것. 즉, 로케이

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크 : DNS

✔️ 웹이나 HTTP는 인터넷 네트워크 망을 기반으로 동작한다. 인터넷 네트워크에 대해 먼저 알아보자.▶️ 인터넷 통신▶️ IP (Internet Protocol)▶️ TCP, UDP▶️ PORT▶️ DNS출처:https://www.inflearn.com/c

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크: PORT

✔️ 웹이나 HTTP는 인터넷 네트워크 망을 기반으로 동작한다. 인터넷 네트워크에 대해 먼저 알아보자.▶️ 인터넷 통신▶️ IP (Internet Protocol)▶️ TCP, UDP▶️ PORT▶️ DNS

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크 : TCP/UDP

✔️ 웹이나 HTTP는 인터넷 네트워크 망을 기반으로 동작한다. 인터넷 네트워크에 대해 먼저 알아보자.▶️ 인터넷 통신▶️ IP (Internet Protocol)▶️ TCP, UDP▶️ PORT▶️ DNS

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크 : IP(인터넷 프로토콜)

▶️ 클라이언트와 서버간의 인터넷 통신을 하기 위해 먼저 IP 주소를 부여받아야한다.✔️ 지정한 IP주소(IP Address)에 데이터 전달✔️ 패킷(Packet)이라는 통신 단위로 데이터 전달✔️ 패킷이란? 메시지를 보낼 때 사용하는 규칙이다.✔️ 전송할 데이터를 출

2020년 12월 26일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 03 - 회원가입 기능 만들기 (Body Parser & PostMan)

✔️ client와 server의 개념을 간단하게 요약하면 다음과 같이 볼 수 있다. ▶️ Client : 우리가 일반적으로 사용하는 pc, 브라우저에서 행해지는 부분▶️ Server : IDE를 통해 작성한 코드 부분✔️ 네트워크로 연결된 서버로부터 정보를 제공받는

2020년 12월 24일
·
0개의 댓글
post-thumbnail

깃(Git), 깃허브(Github) 간단요약

✔️ 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다.✔️ 소프트웨어 개발에서 소스 코드 관리에 주로 사용되지만 어떠한 집합의 파일의 변경사항을 지속적으로 추적하기 위해 사용될 수 있다.▶️ 전체

2020년 12월 24일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 02 - 몽고DB Model & Schema

회원가입할 때 user 이름, 나이 등의 정보가 데이터베이스에 들어가게 된다. 그 정보들을 관리하기 위한 유저 모델과 스키마를 만들어보자▶️ user schema 만들어보기▶️ user model 생성하기✔️ 모델은 Schema를 감싸주는 역할을 한다.✔️ 예를 들어

2020년 12월 23일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 01 - 몽고DB & 몽구스 연결

MongoDB는 자바스크립트 문법을 사용하는 DB로 ✔️ NoSQL로 분류되는 크로스 플랫폼 도큐먼트 지향 데이터베이스 시스템이다. MySQL 처럼 전통적인 테이블-관계 기반의 RDBMS가 아니며 SQL을 사용하지 않는다. ✔️ 또다른 특징으로는 스키마가 없다. 스키마

2020년 12월 22일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 00 - Node.js & Express.js

브라우저 속에서만 사용하던 자바스크립트를 서버사이드에서 사용할 수 있게 도와준다.Node.js 다운로드 링크✔️ npm init으로 package.json 파일을 만든 후 백앤드의 시작점 index.js파일 만들어주기node.js를 쉽게 사용할 수 있게 도와주는 프레임

2020년 12월 22일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 04

Customer Add 모달로 구현하기\*\*Dialog를 쓸때는 어떤상태에 open인지 알기위해 꼭 <Dialog open={}> 형식을써줘야 한다.

2020년 12월 21일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 03

client folder에 CustomerAdd.jsx파일 추가고객 추가를 서버에 전송한 이후에 고객 데이터를 다시 서버로부터 받아와서 화면에 출력할 수 있도록 해야한다.따라서 CustomerAdd 태그 handleFormSubmit이 실행될때 파일 입력값이 초기화 되

2020년 12월 16일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 02

고객의 정보를 데이터로 저장하기 위해선 MYSQL과 같은 데이터베이스 시스템이 필요하다.Amazon Web Service RDS 시스템을 이용하면 MYSQL과 같은 관계형 데이터베이스를 쉽고 빠르게 구축할 수 있다.실제로 고객데이터를 데이터베이스에 저장하고 조회하고 수

2020년 12월 13일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 01

사진의 dev에 적힌 내용에 따라 cd customer_management 폴더에서 yarn dev를 실행시키면 두가지 다 실행이 된다. >[노드 js 서버 코드] ![](https://images.velog.io/images/gparkkii/post/6fa046

2020년 12월 10일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 00

app.js : 실질적인 웹사이트 화면 내용 출력을 담당React Library : HTML 웹 문서를 효과적으로 보여주기 위한 라이브러리Component : 웹문서에서 어떠한 내용을 보여주기 위한 기본적인 단위 (실제 웹에 보여지게 될 최소 단위)리액트 라우팅 : h

2020년 12월 7일
·
0개의 댓글
post-thumbnail

MVC 패턴이란 무엇인가?

1) MVC 웹 프레임워크란? 먼저 웹 프레임워크는 동적인 웹페이지나 웹 서비스를 개발하는 과정에서 DB연동, 템플릿, 코드 재사용 등의 어려움을 줄여주는 역할을 담당한다. 아키텍처는 MVC 패턴을 따라 UI와 백엔드를 분리한다.웹사이트를 비롯한 소프트웨어에는 Mod

2020년 12월 5일
·
0개의 댓글
post-thumbnail

[생활코딩 JS 객체지향 프로그래밍] 05. Object Inheritance

객체지향 프로그래밍은 크게 두개의 파트로 나눌 수 있다.객체를 만들어내는 공장, 설계도라고 할 수 있는 class 그리고 class를 통해 만들어진 구체적인 객체 Object가 있다. 주류 객체지향 언어에서 다루는 상속이란?서브클래스가 슈퍼클래스의 기능을 물려받기 위해

2020년 11월 23일
·
0개의 댓글
post-thumbnail

[생활코딩 JS 객체지향 프로그래밍] 04. Class (클래스) & Inheritance(상속) & super

java, python 등의 다른 언어에서는 객체를 만드는 공장으로 class라는 문법을 지원한다. class를 쓰면 객체가 바로 만들어진다.클래스의 생성constructor function객체의 초기함수는 constructor()로 만들 수 있다.메서드 구현프로토타입

2020년 11월 23일
·
0개의 댓글
post-thumbnail

[생활코딩 JS 객체지향 프로그래밍] 03. constructor(생성자) & Prototype(프로토타입)

비슷한 객체들이 많이 필요할때 객체들을 양산하기 쉽도록 객체를 찍어내는 공장을 만들어준다.ex) Date를 이용한 객체찍어내기함수를 그냥 호출하면 그냥 함수일뿐new라는 키워드를 함수 앞에 붙이면 이 함수는 객체를 생성하는 생성자로 탄생한다. 생성자 = construc

2020년 11월 23일
·
0개의 댓글