Daily Pogle

자바스크립트에서 map 을 통해 Array 에 함수를 적용할 수 있다. map() 은 Array 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아서 새로운 Array 를 반환한다. map() 메서드를 사용한 Array 는 변하지 않는다. map() 메서드의 로직을 표현해보았다. [5,10,15,20].map((n)=>n*5) map 을 통하여 Array 요소들을 계산한 값을 가지고 있는 새로운 Array 만들기 const numbers = [1, 4, 9]; const doubles = numbers.map((num)=> num *2); // doubles는 이제 [2, 8, 18] // numbers는 그대로 [1, 4, 9] map 을 통하여 list 만들기 React 예시 functi..

실제 프로젝트 구현 시 사용한 기능이다. 시행착오가 많아서 올린다. 프로젝트 채팅구현에서 사용한 코드 일부이다. Websocket 을 통하여 채팅메세지를 주거나 받게 된다면 채팅메세지가 채팅창 안에 한줄씩 쌓인다. 채팅이 계속 쌓이면 스크롤을 통해 모튼 채팅메세지를 쉽게 볼 수 있게 한다. 또한 채팅을 입력하거나 받으면 스크롤을 맨밑으로 이동시킨다. [HTML/CSS] 전체채팅방 [JS] function appendMessage(meesage) { // message를 받거나 보낼때마다 채팅창에 메세지가 한줄씩 쌓인다 /* ... ... ... 다른사람이 보낸 전체메세지 일경우... else if (writer != "" && recipient == "to All") { chatContent.classN..

나중에 잊어버릴까봐 세미프로젝트에서 사용한 ajax 예제를 가지고 정리하였다 $.ajax 는 jQuery 문법이기 때문에 먼저 jQuery 를 준비해야한다. 실제 프로젝트에 사용한 ajax 예이다. 예시1) [$.ajax] type = Request Method 를 지정한다. url = Request 를 보낼 url 을 작성한다. data = Request 에 담을 data 를 작성한다. dataType = 서버에서 보낸 응답(Response)을 담을 자료형을 지정한다. success = 성공적으로 작동했을 때 실행할 기능을 작성한다. error = 서버에서 error 발생 시 실행할 기능을 작성한다. [java.controller] @ResponseBody : Request 를 보낸 클라이언트에 Res..

jQuery 에서 jQuery-cookie 플러그인을 제공하고 있다. 이 플러그인으로 통해서 간편하게 Cookie 를 생성하고, Cookie 만료일을 설정할 수 있다. 1. Cookie 란? HTTP 의 일종으로 인터넷 사용자가 웹사이트를방문할 경우 사용자의 웹 브라우저를 통해 사용자의 컴퓨터나 다른기기에 설치되는 작은 기록 정보 파일이며, 이 기록정보는 같은 웹사이트를 방문할 때마다 읽히고 새로운 정보로 변경된다 현재도 많은 서비나 웹사이트에서 브라우저의 신속성을 위해 많이 사용되고 있다. 특성 정리 Cookie는 클라이언트에 저장되는 key, value 값이 들어있는 작은 데이터 파일이다. Cookie는 서버에서 HTTP Respones Header 에 Set-Cookie 속성을 이용하여 클라이언트에..

개요 jQuery 는 Javascript 의 라이브러리이다. 따라서 jQuery 를 사용하는데 있어서 HTML, CSS, Javascript 에 대한 기초적인 이해가 필요하며, Javascript 에 대해 이해도가 높을 수록 코드를 이해하고 구조화하고 디버깅하는 능력을 높이는 것이 우선적으로 필요하며, 이러한 이해를 토대로 jQuery 를 잘활용할 수 있다. JQuery 는 기존 Javascript 문법을 간략화시키고, 경량화시키기 위해 나온 라이브러리이다. 따라서 JQuery 의 문법은 기존 Javascript 문법보다 간략하다. 기존 Javascript 에 대한 기초적인 이해가 있으면 빠르게 JQuery 문법을 익힐 수 있다. 하지만 jQuery 는 현재 개발에서 지양되고 있다. 레거시 시스템을 다루..

XML API 관련 사이트(참고) XMLHttpRequest - Web APIs | MDN XMLHttpRequest (XHR) objects are used to interact with servers. You can retrieve data from a URL without having to do a full page refresh. This enables a Web page to update just part of a page without disrupting what the user is doing. developer.mozilla.org XML API 공식문서 XMLHttpRequest Standard Abstract The XMLHttpRequest Standard defines an API ..

자바 입출력에서의 Scanner vs BufferedReader 의 차이점을 간략하게 정리 1. Scanner - 사용자가 입력한 텍스트를 토큰(token) 단위로 잘라 특정한 형태로 반환 원하는 자료형으로 입력받을 수 있음 버퍼 사이즈 1KB 예외처리 불필요 (unchecked exception) 멀티스레드 환경에서 문제발생 가능성있음(Thread unsafe) 데이터 입력 즉시 사용자에게 전달됨 (상대적으로 많은 시간 소요) 더보기 ** Thread unsafe 멀티스레드 환경에서는 메모리 영역을 공유하게 된다. 멀티스레드에서는 여러개의 스레드가 동시에 실행되는 것이 아니라 여러 스레드가 번갈아가면서 실행되는데(context switching), 변경되는 시점을 예측할 수 없다는 점에서 문제가 발생한..

자바 프로그래밍에서 추상클래스를 배웠을 때, 왜 추상클래스를 사용하는가에 대해서 개인적으로 정리해보았다. 추상클래스는 배울 때 상속과 맞물려서 설명을 하는데, 부모클래스에서 추상메서드를 사용하여 추상클래스로 만든 이후, 자식클래스에서 부모클래스에서 선언한 추상메서드를 구현하는 식이다. 어떤 경우에 이처럼 사용하는가에 대해서 쉽게 정리하고자 한다. 만약 우리가 급여출력프로그램을 만든다고 가정해보자. 회사에는 다양한 직종의 사람들이 일하고 있다. * 다음과 같이 구현한다고 생각해보자 부모클래스 자식클래스 Employees Accountant, Programmer, Salesman 자식클래스는 부모클래스와 is a 관계가 성립하므로 상속관계임을 알 수 있다. Accountant is a Employee Pro..