명우니닷컴

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트][비동기통신] XMLHttpRequest 이용한 Ajax 실습해보기

[자바스크립트][비동기통신] XMLHttpRequest 이용한 Ajax 실습해보기 1. 간단한 개념 정리 Ajax란 비동기 JavaScript와 XML을 뜻한다. 간단히 말하면, 서버측 Scripts와 통신하기 위한 XMLHttpRequest 객체를 사용하는 것을 말한다. 서버측으로 다양한 형식(대표적으로 JSON)의 정보를 주고 받을 수 있다. 본 포스팅에서는 JavaScript에서 XMLHttpRequest를 이용한 Ajax를 구현한다. 2. XMLHttpRequest를 이용한 Ajax 구현 과정 1) XMLHttpRequest 객체 구하기 2) 웹 서버에 요청 전송하기 3) 웹 서버에서 응답이 도착하면 화면에 반영하기 2. 1 XMLHttpRequest 객체 구하기 * IE의 경우 ActiveX 컴..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트][비동기통신] JSONP

[자바스크립트][비동기통신] JSONP의 간단한 실습에 대한 포스팅입니다. 1. 개념 및 실습환경 Ajax로 다른 도메인에 있는 url을 호출하기 위한 편법(?)으로 JSONP를 사용한다.기존에 서버에서 리턴해 주던 {"key1" : "value1", "key2" : "value2"} 이런 식의 JSON 문자열을callback({"key1" : "value1", "key2" : "value2"}); 이런식으로 임의의 함수(callback)를 호출해 주는 형식의 문자열로 리턴해 주면 된다.즉, JSONP 로 Ajax 호출을 하기 위해선 아무 url 이나 안되고 callback({"key1" : "value1", "key2" : "value2"}); 요런식으로 함수안에 JSON 문자열이 들어간 형식으로 서버..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트][비동기통신] WebSocket

[자바스크립트][비동기통신] WebSocket의 간단한 실습에 대한 포스팅입니다. 1. 지원IE10이상, Chrome, Firefox, Safari, Opera 브라우저를 지원한다.* 아래 그림 참고. 2. 이벤트 및 메소드2. 1 이벤트open / Socekt.onopen / 소켓 연결이 설정되면 이벤트 발생message / Socket.onmessage / 클라이언트가 서버로부터 데이터를 수신 할 때 이벤트 발생error / Socket.onerror / 통신 오류가 있을 때 이벤트 발생close / Socket.onclose / 접속이 패쇄 될 때 이벤트 발생 2. 2 메소드Socket.send() - 클라이언트에서 서버로 데이터를 송신하는 방법Socket.close() - 기존 연결을 종료하는 방..

삶의 늪에서/그냥그냥 일상 남기는 공간

대학 생활 마지막 학기 + 인턴 시작 !

학생으로써 마지막 단추인, 4학년 2학기의 시작을 앞두고 동시에 좋은 기회가 되어 정규직 전환 인턴쉽 프로그램에 참여하게 되었다. 설레는 마음과, 기대하는 마음, 동시에 아직 경험해보지 못한 처음 경험하는 것들에 대한 막연한 걱정들 그렇게 당장 다가오는 월요일에 입사를 앞두고 있던 찰나에 생각지도 못한 선물을 받게되었다. 축하 꽃과 케이크 그리고 정성스런 입사 축하메시지. 좋은 기업의 사소한 작은 배려 하나로 나 개인 뿐만이 아닌, 가족 전체의 기분 좋은 출발을 만끽하게 되었다. 아자아자 ! 열심히 배우고 ! 열심히 일하자 ! 기업의 첫 가르침에 따라 나도 앞으로 사소한 작은 일에도 책임감을 가지고 향상성을 가지고 먼저 배려하는 인턴사원이 되도록 노력해야겠다. :)

삶의 늪에 들어 가기 전/정리중(미정리)

[참고사이트] SoEn(Software Engineering) - http://soen.kr/

[참고사이트] SoEn(Software Engineering) - http://soen.kr/ C/C++, Win32 API, 라이브러리, 개발툴 등 강좌 참고하는 사이트

삶의 늪에 들어 가기 전/정리중(미정리)

[참고사이트] 공감 프로그래머 - http://skillsocius.com/

[참고사이트] 공감 프로그래머 - http://skillsocius.com/ 개발자 컬럼, 개발자 강좌, 문장의 힘, 끄적거림 등 참고할게 정말 많아 좋은 개발자 블로그

삶의 늪에 들어 가기 전/정리중(미정리)

[C/C++][자료구조] 동적배열

[C/C++][자료구조] 동적배열 이전 포스팅에서 배열도 메모리를 조작하면 중간에 삽입, 삭제가 가능하다는 것을 예제코드를 중심으로 배웠다. 이번 포스팅에서는 크기가 가변적인 배열을 만드는 방법에 대해 다루도록 하겠다. 배열에 새로운 요소가 삽입된다 하더라도 배열의 크기가 자동으로 늘어나는 것은 아니다. 이처럼 배열은 미리 선언한 크기 이상의 요소를 추가할 수는 없다. 이에 대한 근본적인 문제를 해결하기 위해서는 필요에 따라 크기가 늘었다 줄었다하는 배열 즉, 동적배열을 만들어야 한다는 것이다. 동적배열을 만드는 기본 원리는 최초 적당한 길이로 초기 할당하되 삽입되는 정보가 할당된 메모리양을 초과할 때 배열의 크기를 더 늘리는 것이다. 핵심 기술은 기존의 할당된 메모리를 재할당하는 realloc 함수라고..

삶의 늪에 들어 가기 전/정리중(미정리)

[C/C++][자료구조] 배열 요소의 삽입, 삭제

[C/C++][자료구조] 배열 요소의 삽입, 삭제 배열은 C언어가 제공하는 가장 기본적인 자료구조이며 워낙 단순하기 때문에 누구나 쉽게 익숙해질 수 있다. 배열의 장점은 크게 두 가지가 다음이 이에 해당한다. 구조가 단순하기 때문에 정보 자체를 기억하는 메모리 외에 추가로 소모하는 메모리가 전혀 없이 공간 효율이 좋다. 정수형 변수 100개를 저장하는 int ar[100] 배열은 정확하게 정수 100개분만큼의 메모리만을 요구한다. 배열 크기가 아무리 커지더라도 검색 속도가 일정하다. 배열의 첨자 연산은 포인터를 통해 시작 번지에 첨자 *요소크기를 더하는 간단한 동작이므로 임의의 한 요소를 참조하는 시간이 상수이다. int ar[10]에서 ar[9]를 참조하는 시간과 int ar[1000]에서 ar[999..

삶의 늪에 들어 가기 전/정리중(미정리)

[C/C++][자료구조] 큐(Queue)에 대하여

[C/C++][자료구조] 큐(Queue)에 대하여 큐(Queue)는 스택(Stack)과 반대로 FIFO(First In First Out)의 원리대로 동작하는 자료 구조이다.동일한 자료의 집합을 다룬다는 면에 있어서는 스택과 비슷하지만 가장 먼저 들어간 자료가 가장 늦게 나온다는 점이 다르다.넣은 순서대로 자료를 꺼내가므로 순서대로 처리해야 하는 자료를 임시적으로 저장하는 용도로 흔히 사용한다.저장되는 자료의 타입이 동일하므로 배열 또는 연결리스트로 큐를 구현할 수 있다. 이번 포스팅에서는 상대적으로 간단한 배열로 큐를 먼저 구현해 보도록 하겠다. 큐를 구현하는 과정을 간단히 설명하고 실제 코드를 보면서 부가설명을 하도록 하겠다. 큐를 구현하기 위해서는 먼저, 일정한 크기를 가지는 배열을 만들고 여기에 ..

삶의 늪에 들어 가기 전/정리중(미정리)

[C/C++][자료구조] 스택(Stack)에 대하여

[C/C++][자료구조] 스택(Stack)에 대하여 스택(Stack)은 LIFO(Last In First Out)의 원리로 동작하는 선형적인 자료구조이다.같은 타입의 자료 집합을 관리한다는 면에서는 배열이나 연결 리스트와 동일하지만 자료를 관리하는 방식이 미리 정해져 있다는 점이 다르다.스택은 데이터가 들어가고 나오는 입구가 하나뿐이므로 입구로 들어간 데이터가 스택에 차곡차곡 쌓여 있다가 들어간 반대 순서로 나온다. 스택을 구현하기 위해서는 다음과 같은 세 개의 변수가 필요하다. int *Stack; int Size; int Top; Stack : 데이터를 저장할 저장소인데 필요한만큼 동적으로 할당하기 위해 포인터로 선언했다. 스택에 저장할 데이터와 같은 타입의 포인터를 선언하면 이 포인터가 곧 스택이 ..