성장하는 개발자

이벤트 종류(UI Interaction Events)분류이벤트 명칭비고마우스- click- dbclick- contextmenu(우클릭)- mousedown- mouseup- mouseenter- mouseleave- mouseover- mouseout- mousemovemouseenter/leave가 over/out보다 버블링 문제가 적어 권장키보드- keydown- keypress- keyup현대 웹에선 keydown이 주로 쓰임폼- blur- focus- focusin- focusout- change- select- submitblur/focus는 버블링이 안 되고, in/out은 됨브라우저- load- unload- resize- scroll- erro..

이 글을 통해 "내 컴퓨터에서 서버를 켜는 법"과 "브라우저에서 요청이 도착하는 과정"을 체감할 수 있다. 서버를 '실행'한다는 의미서버 프로그램이 켜져서 요청을 받을 준비가 된 상태HTTP/HTTPS 프로토콜을 사용해 요청수신과 응답을 하는 "프로그램"을계속해서 돌아가도록 유지 Spring Boot란 무엇인가?웹 서버 개발이란 HTTP/HTTPS 프로토콜을 통해 들어오는 요청을 받고 그에 대한 응답을 보내는 프로그램을 만드는 것을 의미한다. 이러한 웹 서버는 기본적인 동작 방식은 크게 변하지 않았지만 개발과 운영을 더 편리하게 하기 위해 점점 다양한 도구와 구조로 발전해 왔다. 이 과정에서 웹 서버를 만들고 관리하기 위한 여러 언어와 프레임워크가 등장했으며 그중 한국에서 가장 많이 사용되는 조합이 Ja..

서버는 하나로 충분할까?제공하고자 하는 서비스가 작거나 사용자가 적다면 하나의 서버로도 모든 요청을 충분히 처리할 수 있다. 서버가 할 일이 늘어난다면?제공하는 서비스가 점점 커지고 사용자가 늘어나면 하나의 서버로는 이 모든 요청을 처리하는 것이 힘들어진다.서버는 점점 응답이 느려지고, 과부하되면 응답을 하지 못하는 경우가 발생한다.이를 해결하기 위한 방법이 여러 개 있는데 그 중 대표적인 방법이 서버를 나누는 것이다.서버를 역할로 나누는 이유하나의 서버에서 처리하던 기능들을 분리하여 여러 서버에서 처리를 하는 방식으로 과부하를 방지한다.예를 들어 기존에는 로그인, 글작성, 주문 등과 같은 기능을 모두 하나의 서버에서 처리했다면 이를 로그인 서버, 글작성 서버, 주문 서버를 나누는 방식이다.하나의 서버..

서버(Server)란 무엇인가?서버란 요청을 기다리고, 요청이 오면 응답을 보내는 역할을 하는 컴퓨터다.여기서 중요한 점은 서버는 어떤 특별한 장비를 의미하는 것이 아니라 역할이라는 것이다. 즉, 요청을 받으면 응답을 해주는 역할을 하고 있다면 그 컴퓨터는 서버가 된다.※ 오해방지서버라는 전용 컴퓨터가 따로 존재하는 것이 아니다. 모든 컴퓨터는 서버가 될 수 있다. 왜 '서버'라고 부를까?서버(Server)는 요청을 처리해 서비스(Service)를 제공하는 역할을 한다.요청을 받고 → 처리하고 → 결과를 돌려주는 이 일련의 과정을 제공(Serve)하기 때문에 서버라고 부른다. 서버는 왜 항상 켜져 있을까?사용자가 언제 요청을 보낼지 서버는 알 수 없다.그래서 서버는 요청이 올 수도 있는 모든 순간을 대비..

1. 웹(Web)이란?인터넷 상에서 HTTP/HTTPS라는 약속된 규칙을 통해 정보를 요청하고 응답하는 정보 교환 시스템여러 컴퓨터가 연결된 인터넷 환경에서 정보를 달라고 요청하면 화면이나 데이터를 보내주는 구조 HTTP/HTTPS는 전 세계 컴퓨터들이 공통으로 따르는 통신 방식.인터넷 표준을 관리하는 국제 단체인 IETF와 W3C에서 공식 표준으로 정한 규칙이다. 이 표준을 전 세계가 공통으로 사용하기 때문에 어떤 컴퓨터나 브라우저에서도 웹이 비슷한 방식으로 동작한다.※ 오해방지: 이러한 규칙을 반드시 따라야 하는 것은 아니다. 다만, 이를 지키지 않으면 다른 컴퓨터나 서비스와 원활하게 통신하기 어려워진다. 2. 웹 서버란? 웹(Web) 환경에서 사용자의 요청을 받아 그에 맞는 정보를 응답하는 프로그..

개요처음 KOSTA 풀스택 개발자 양성과정을 알게 되어 수강하게 된 지 어느덧 4개월이 지나가고 있다.다른 블로그들을 보면 원론적이거나, 실제 어떤 내용을 어떤식으로 교육하는지에 대해서는 설명을 잘 안되어있다. 때문에 KOSTA에서 진행하는 교육 과정에 관심을 가지는 사람들에게 도움이 되기를 바라며 그동안의 수업에 대한 회고를 짤막하게 남기고자 한다.교육장이 몇 군데 있는데 내가 수강했던 교육장은 가산 디지털단지의 호서대벤처타워에 위치한 [KOSTA 가산점] 이다. 수강 배경군 전역 후 개발자로 취업을 희망했지만, 혼자 공부하기에는 부족한 부분이 많다고 느꼈다. 특히 Spring 프레임워크의 개념과 사용법, 그리고 분석·설계 과정이 어려워 체계적으로 배울 필요성을 절실히 느꼈다.이때 “React.JS..

인텔리제이를 사용해서 백준 문제들을 풀고 있는데, 계속해서 사용되는 입력 코드가 있어 자동완성 할 수 있는 방법을 찾아보았다. 인텔리제이 설정 창으로 먼저 진입해 준다. 다음과 같이 약어, 설명을 작성하고 템플릿 텍스트 부분에 완성할 코드를 작성한다.아래에 자바 코드에서 사용할 것을 선택한 후 적용한다. 다음과 같이 잘 작동하는 것을 확인할 수 있다.

개요해시(Hash)는 어떤 값을 고정된 크기의 숫자로 변환하는 함수나 결과를 의미한다.이 원리를 이용하여 데이터를 빠르게 저장하고 검색할 수 있도록 한것이 해시 기반 자료구조(hashmap, hashset 등)이다.해시함수 구조 상 다른 값이 변환되어도 동일한 해시값을 가질 수 있다.기본구성해시 함수: 특정한 값을 해시값으로 변환하는 함수해시 값: 계산되어 고정된 크기를 가지는 숫자값해시 테이블: 해시 값을 기반으로 데이터를 저장하는 배열 구조충돌처리: 서로 다른 키가 중복된 해시값을 가질 때를 대비하는 방법충돌 및 해결방법체이닝: 같은 인덱스에 여러 값을 연결 리스트 방식으로 저장오픈 어드레싱: 충돌 시 인덱스를 선형/이차/이중 해시로 탐색해시 기반 자료구조HashMapHashSetLinkedHashM..

자료구조 구현(자바)덱public class MyDeque { private int[] data; private int front; private int rear; private int size; public MyDeque(){ data = new int[10]; front = 0; rear = 0; size = 0; } public void addFirst(int value){ if(size == data.length){ resize(); } front = (front-1+data.length) % data.length; data[front] = ..

개요Double Ended Queue를 의미한다.덱(Deque)는 데이터를 앞(front)와 뒤(rear) 양쪽에서 자유롭게 삽입과 삭제가 가능한 자료구조이다.특징기본 기능기능 설명addFirst(x)앞에 요소 추가addLast(x)뒤에 요소 추가removeFirst()앞에 요소 제거removeLast()뒤에 요소 제거peekFirst()앞 요소 확인peekLast()뒤 요소 확인사용법Java에서 Deque는 ArrayDeque 또는 LinkedList로 구현하여 사용한다.Stack이나 Queue보다 더 유연한 구조를 가지고 있다.import java.util.LinkedList;import java.util.Deque;public class Example { public static void ma..