스프링 부트 애플리케이션 실행1. 스프링부트 프로젝트 만들기2. 스프링부트 애플리케이션 실행하기api.src.main.java.kr.co.api.ApiApplication 우클릭 - Run ApiAppliction.main()' 클릭컨트롤러 추가역할클라이언트가 보내는 HTTP 요청을 받아 처리한 후 HTTP 응답을 줄 때, 클라이언트 요청 처리의 시작과 끝을 담당HTML 문서 요청웹 서비스를 이용시 눈으로 볼 수 있는 웹 페이지는 하나의 온전한 HTML 문서여야 함필요한 데이터만 요청필요한 데이터만 요청하는 경우 JSON이라는 데이터 형식을 사용API 서버 JSON 데이터를 클라이언트와 주고 받을 수 있는 API를 제공하는 백엔드 웹 애플리케이션주로 HTML 페이지나 스마트폰 애플리케이션에서 사용자의 ..
개발 기초
서버와 클라이언트의 개념네트워크에서의 서버와 클라이언트물리적 장치와 또다른 물리적 장치 사이의 관계 의미Server : 서비스를 제공하는 쪽Client : 서비스를 제공받는 쪽서로 통신하기 위해서 통신을 시작하는 쪽이 상대방의 네트워크 주소(IP주소)를 알고 있어야 함하나의 서버에 수만대의 클라이언트를 수용 할 수 있음 => traffic(트래픽)이 발생트랙픽 처리 방법1. Load BalancingLoad(부하)를 분산하는 것사용자들의 트래픽을 여러 서버에서 나눠 받도록 구성Switch(네트워크 장비)를 할당해서 Load BalancingSwitch가 traffic을 먼저 받아서 여러 대의 서버로 분산해주는 방식Switch에서 어떤 서버로 Load Balancing 할지는 소프트웨어적으로 제어 가능부하..
웹의 요소HTML : 웹페이지를 만드는 컴퓨터 언어URL, URI : 원하는 웹페이지에 방문 할 수 있도록 도와주는 주소 체계로 URI가 상위개념으로 URL과 URN(고유한 리소스 자체 표현)을 포함하고 있음Web browser, Web server : 웹 애플리케이션의 클라이언트와 서버HTTP : 웹브라우저와 웹서버가 통신 할 때의 통신 규약(Protocol)HTTP(HyperText Transfer Protocol)HTTP 트랜잭션HTTP 요청과 응답이 하나의 묶음을 이루도록 설계되어 있고, 요청-응답 묶음을 HTTP 트랜잭션이라고 함트랜잭션(Transaction) : 쪼개질 수 없는 처리, 원자성을 가진 연산HTTP 트랜잭션 확인하기개발자 도구(크롬 윈도우:F12/맥:⌥ ⌘ i)를 열고 웹 페이지에..
https://smkim9202.tistory.com/25?category=890215 [Internet] 웹호스팅 Github Web hosting 업체를 이용하는 이유 - 웹서버를 운영하기 위해서 늘 켜져있는 컴퓨터가 필요하고, 웹서버 프로그램을 설치하고 그 사용법을 공부해야한다. 또한 집 밖에서 인터넷을 통해 웹서버에 smkim9202.tistory.com 이전에 생활코딩에서 웹호스팅 하는 방법을 배우면서 Github이라는 클라우드 서비스를 사용하는 법을 배웠다. 하지만 깃과 깃허브가 정확히 뭔지 잘 몰라서 잘 활용을 못하는 것 같아서 무엇인지 공부해봤다. 깃(Git)이란? 프로그래머들이 버전 관리를 편리하게 하기 위해 사용하는 도구. 깃을 사용하면 개발 과정에서 특정 시점의 상태를 지정 후 다시 ..
UX(User Experience)제품과 시스템, 서비스 등을 사용자들이 직/간접적으로 경험 하면서 느끼고 생각한 총체적 경험을 의미 UI(User Interface)사용자가 시스템을 제어하기 위해 사용하는 조작장치웹/앱에서는 사용자와 컴퓨터의 상호작용을 하기 위해 개발자가 만들어 둔 버튼, 아이콘 등을 말한다버튼(Click me)을 클릭하면 경고창이 나타난다. 여기서 버튼은 사용자가 시스템을 제어하기 위해 사용하는 조작장치다. 사용자가 조작하는 제어장치를 User Interface라고 부른다. 경고창은 실행되는 타이밍이나 경고문구는 개발자들이 만들었지만, 코드에는 경고창의 기능이나 모양이 설명되어 있지 않다. 경고창은 웹브라우저개발자가 기능을 미리 만들어두었고, alert함수를 사용하면 경고창기능을 실..
소프트웨어를 혼자서 만드는 경우는 없다. 또한 이미 만들어진 것들을 처음부터 다시 만드는건 생산성이 없다. 이미 다른 사람들이 만들어 놓은 것들을 부품으로 내가 만들고자 하는 것을 빠르게 조립해 나가는 것이 기본이다. 다른 사람이 이미 만들어 놓은 것들을 사용하는 방법들을 알아보자. 다른 사람의 도움을 받아 소프트웨어를 만들기 위해 알아야 할 키워드 라이브러리(Library) 응용 프로그램 개발을 위해 필요한 기능을 모아 놓은 소프트웨어. 부품이 되는 소프트웨어를 정리정돈해둬서, 재사용하기 쉽도록 만들어 놓은 소프트웨어의 모음이다. 내가 만들고 있는 프로그램에서 사용 할 부품을 가져오는 느낌이다. 예를 들어 jQuery(JavaScript의 오래된 라이브러리)가 있고 사용하면 생산성이 훨씬 높아진다...
리팩토링(Refactoring)공장으로 다시 보낸다. 개선한다.코딩을 하다보면 코드가 비효율적으로 작성된다. 그 때 코드의 효율성, 가독성을 높여서 유지보수 하기 편리하게 만들고 중복된 코드를 낮추는 방향으로 코드를 다시 개선하는 작업을 리팩토링이라고 한다.리팩토링을 잘해야 복잡한 프로그램을 만들 때 좋은 프로그램으로 만들 수 있다. JS 조건문 리팩토링 문제점 1. 버튼을 추가로 넣을 때마다 ID값을 새로 만들어줘야 한다.2. document.querySelector('body')가 중복으로 사용된다. 리팩토링 1. 자기자신을 가르키는 키워드인 this를 사용한다.document.querySelector('#night_day') 부분을 this로 수정하고 #night_day를..
웹서버와 http(윈도우) - IP주소 'http://127.0.0.1/index.html' * index.html(나의 경우 bitnami가 만든 htdocs 폴더에 있는), Web Browser, Web Server(나의 경우 Apache)가 모두 들어있는 컴퓨터에서 웹브라우저 주소창에 'http://127.0.0.1/index.html'를 검색. Apache Web Server연결 성공 했다는 페이지와 'http://127.0.0.1/index.html'페이지가 같다. * '127.0.0.1' IP주소(Internet Protocol Address). 웹브라우저가 설치되어 있는 컴퓨터를 가르키는 약속된주소. 웹브라우저 주소창에 저 주소를 치면 웹브라우저가 설치 된 각자의 컴퓨터의 웹 서버를 가르킨다..
Web hosting 업체를 이용하는 이유 - 웹서버를 운영하기 위해서 늘 켜져있는 컴퓨터가 필요하고, 웹서버 프로그램을 설치하고 그 사용법을 공부해야한다. 또한 집 밖에서 인터넷을 통해 웹서버에 연결하기 위해서는 여러가지 조치들을 해야하는 등 개인이 하기엔 힘들다. - 웹서버를 운영하기 위한 컴퓨터인 host(인터넷이 연결 된 컴퓨터)를 빌려주는 회사가 web hosting업체이다. - 내가 만든 html파일을 웹호스팅업체에 저장 해두면, 업체에서 웹서버를 빌려줘서, 웹브라우저에서 내가 만든 웹사이트를 볼 수 있는 시스템이다. 내가 웹서버를 운영하지 않아도 호스팅업체에서 서버를 빌려주고 다른 컴퓨터의 웹브라우저에서도 내가 만든 웹사이트를 열어 볼 수 있게 된다. Web hosting 업체 Githu..
Web과 InternetInternet ⊂ Web, email, FTF연도1960 Internet 등장1990 Web 등장(스위스 CERN에서 근무하던 팀비너스가 개발)1990.10 웹페이지 편집기 개발1990.11 World Wide Web1990.12 웹서버 'info.cern.ch' 웹 서버와 클라이언트 작동 순서1. 인터넷으로 연결 해줄 2대의 컴퓨터 준비Web Browser가 있는 컴퓨터Web Server가 있는 컴퓨터2. Web Browser에 주소를 입력하여 Web server에 정보 요구3. Web Server는 요청 받은 정보를 하드에서 찾아서 전기신호를 통해 전송4. Web Browser는 전송받은 정보를 화면에 나타냄 - 자본시대에 착안해서 정보를 받는 사람 : Client / 정보를..
