[C++] 필수 라이브러리 Boost 설치하기(boost::asio::threadpool 예제)

안녕하세요. 명월입니다. 이 글은 C++의 필수 라이브러리 Boost 설치하기(boost::asio::threadpool 예제)에 대한 글입니다. 프로그램을 개발하면 오픈 소스 라이브러리를 참조 해야 할 때가 많습니다.. 기본적인 언어의 문법과 STL(표준 템플릿 라이브러리)만으로 프로그램을 개발하기에는 양이 너무 많고, 모든 것을 테스트 및 검증을 할 수가 없기 때문에 검증된 외부 라이브러리가 필요합니다.Java나 C#은 maven이나 Nuget등의 패키지 관리자가 있어서, 등록된 오픈 소스 라이브러리를 검증하고 사용자에게는 의존성을 자동으로 설정해 주는 프로그램 개발을 좀 더 편하게 해주는 프로그램이 있습니다.C++도 있을지도 모르겠는데 현재 제가 알기로는 모르겠네요...(저의 C++의 지식은 거의 ..

Development note/C , C++ , MFC 2020. 4. 23. 18:19

[C++] 환경 설정 파일(ini)을 사용하는 방법

안녕하세요. 명월입니다. 이 글은 C++에서 환경 설정 파일(ini)을 사용하는 방법에 대한 글입니다. 최근 C#이나 Java의 경우는 환경 설정 파일을 xml이나 json형태의 텍스트 형태가 많습니다. C++의 경우도 환경 설정 파일을 xml이나 json형태의 텍스트를 사용할 수 잇는데 기본 함수로 제공하는 환경 파일은 ini 파일입니다. ini파일은 텍스트로 구성되어 있고 세션(section) 밑에 키로 값을 설정하는 구조입니다. [세션] 키=값 [세션] 키=값 INI(Initialization) 파일 포맷은 설정 파일에 대한 de facto 표준입니다. INI 파일은 단순 구조의 텍스트 파일로 이루어져 있습니다. 보통 마이크로소프트 윈도우와 연결되어 있지만 다른 운영 체제에서도 사용할 수 있습니다...

Development note/C , C++ , MFC 2020. 4. 22. 18:07

[C++] 라이브러리를 작성해서 사용하기 (Window 환경의 lib, dll)

안녕하세요. 명월입니다. 이 글은 C+에서 라이브러리를 작성해서 사용하기(Window 환경의 lib, dll)에 대한 글입니다. C++에서 실행 파일이 아닌 하나의 라이브러리를 작성해서 오픈 소스로 공유하거나 패키지를 나누어서 사용하게끔 만들 수가 있습니다.이 라이브러리는 운영체제마다 사용하는 방법이 조금 다른데 lib와 dll은 보통 window 환경에서 linux환경에서는 a나 so파일를 사용합니다. 먼저 조금 개발하기 편한 윈도우 환경에서 라이브러리를 작성해서 사용해 보겠습니다. linux환경에서는 다른 글로 설명하겠습니다.라이브러리가 lib과 dll의 종류가 있습니다. 이 두 종류는 사용하는 방법과 결과가 조금 다른데..lib은 빌드 할 때 참조(linking)하는 라이브러리로 최종 결과는 하나의..

Development note/C , C++ , MFC 2020. 4. 21. 19:58

[C++] 함수 포인터 사용법

안녕하세요. 명월입니다. 이 글은 C++에서 함수 포인터 사용법에 대한 글입니다. 제가 이전에 포인터와 람다식에 대해서 설명한 적이 있습니다.링크 - [C++] 배열과 포인터(메모리 주소) 그리고 할당(new){stack과 heap에 대해서}링크 - [C++] 람다식(functional) 사용법과 클로저(closure) 그리고 auto 자료형 사실 람다식 설명할 때 함수 포인터도 같이 설명을 했어야 했는데.. 정리를 못했네요. 따로 함수 포인터를 정리했습니다. 포인터란 예전에 스택과 힙에서 주소 값을 나타내는 int형 값이라고 설명했습니다. 함수 포인터도 함수를 포인터로 가르킨다는 말 같습니다만 실제로는 다릅니다.프로그램 언어에서 함수는 힙 메모리에 할당되는 것이 아니고 소스 영역으로 등록이 되는 것이므..

Study/C , C++ , MFC 2020. 4. 20. 19:15

[C++] C++에서 사용되는 문자열 타입(LPSTR, LPCSTR, LPCTSTR, LPCWSTR), 메모리 누수(memory leak) 체크하는 방법과 UTF8 변환하는 방법

안녕하세요. 명월입니다. 이 글은 C++에서 사용되는 문자열 타입(LPSTR, LPCSTR, LPCTSTR, LPCWSTR), 메모리 누수(memory leak) 체크하는 방법과 UTF8 변환하는 방법에 대한 글입니다. 제가 예전에 C++를 사용하다가 C#과 Java를 사용했을 때 문자열 클래스(String)가 있는 걸로 C#과 Java가 정말 편한 언어다라고 생각할 정도로 C++에서는 이 문자열이 까다로웠습니다.C++에서 string의 객체가 있습니다. 지금은 어떤 지 모르겠는데, 이 string 객체는 메모리 릭이 자주 발생해서 잘 사용하지 않습니다. #include #include #include #include // 메모리 릭 체크하는 함수를 사용하기 위한 라이브러리 _CrtDumpMemoryLe..

Development note/C , C++ , MFC 2020. 4. 17. 21:10

[C++] C++과 C#의 소켓 통신을 이용해 파일 전송하는 방법

안녕하세요. 명월입니다. 이 글은 C++과 C#의 소켓 통신을 이용해 파일 전송하는 방법에 대한 글입니다. 이전에 C++과 C#간의 소켓 통신에서 문자열을 주고 받는 방법에 대해 설명한 적이 있습니다.링크 - [C++] C++과 C#의 소켓 통신을 하는 방법(문자열 송수신) 위 소켓 통신에서 중요한 점은 unicode를 wchar_t로 변환하는 방법, wchar_t를 unicode 타입으로 변환하는게 키 포인트였습니다.그리고 C#에서의 byte 타입이 c++에는 없습니다. 그런데 그 byte는 사실 unsigned char와 같은 타입입니다. 그걸 이용해서 이번에는 파일을 전송하는 서버 프로그램을 작성하겠습니다. // 소켓을 사용하기 위해서 라이브러리 참조해야 한다. #pragma comment(lib,..

Development note/C , C++ , MFC 2020. 4. 16. 19:52

[C++] C++과 C#의 소켓 통신을 하는 방법(문자열 송수신)

안녕하세요. 명월입니다. 이 글은 C++과 C#의 소켓 통신을 하는 방법(문자열 송수신)에 대한 글입니다. 이전에 C++의 소켓 통신과 C#의 소켓 통신에 대해 설명한 적이 있습니다. 링크 - [C#] 소켓 통신 - 1 링크 - [C++] 소켓(Socket) 통신을 하는 방법 제가 개발 일을 시작하기 시작한 10년 전쯤에는 C++의 프로그램도 많았고 프로젝트도 꽤 많았습니다. 최근에는 C++은 거의 없고, 보통은 Java나 C#이 대세이긴 합니다. 그 당시에 제가 기존의 C++서버가 있고 C# 클라이언트 프로그램을 만들어서 통신 할 때, 서로 통신이 제대로 되지 않아서 중간에 포기했던 적이 있습니다. 그 때는 선배들이 소켓 통신 할 때 같은 프로그램 언어가 아니면 통신이 제대로 되지 않는다고 선배들한테 ..

Development note/C , C++ , MFC 2020. 4. 15. 20:21

[C++] 소켓(Socket) 통신을 하는 방법

안녕하세요. 명월입니다. 이 글은 C++에서 소켓(Socket) 통신을 하는 방법에 대한 글입니다. 소켓 통신이란 PC간에 인터넷을 이용해서 통신하는 것을 소켓 통신입니다. 사실 통신을 하기 위해서는 여러가지 설정을 해야 하는데 그것을 현재는 OS(운영체제)에서 거의 다 구현을 해 놓고, 그 프로세스간의 종착점인 소켓에 개발자는 패킷만 보내면 된다라는 뜻으로 소켓 통신이라고 합니다. 소켓 통신에는 하나의 프로토콜(규약)이 있는데 먼저 서버 소켓이 대기(Listen)를 하면 클라이언트 소켓이 접속(Connect)합니다. 서버 소켓에서는 승인하여(accept) 데이터 송수신(send, receive)를 합니다. 종료할 때는 어느 종단점(Server나 client)에서 종료를 해도 상관없습니다. 출처 - ht..

Study/C , C++ , MFC 2020. 4. 14. 17:14

[C++] async, promise, future, task의 사용법

안녕하세요. 명월입니다. 이 글은 C++에서의 async, promise, future, packaged_task의 사용법에 대한 글입니다. 이전에 제가 쓰레드에 대해서 간략하게 설명한 적이 있습니다.링크 - [C++] 쓰레드(Thread)를 사용하는 방법 쓰레드란 main 함수에서 병렬 처리가 가능한 것을 뜻하다고 설명했습니다. 그리고 각 쓰레드에서 사용되는 값을 동기화 하기 위해서는 mutex의 lock를 이용합니다.그런데 이번에는 같은 병렬처리이기는 하는데 값을 동기화하여 공유하는 것이 아니라 함수처럼 결과 return을 기다리는 식으로 작성하고 싶을 때가 있습니다. 그럴 때는 이 promise와 future를 이용하면 각 병렬 처리간에 값을 주고 받기가 쉽습니다. #include #include ..

Study/C , C++ , MFC 2020. 4. 10. 19:27

[C++] map(맵)의 사용법

안녕하세요. 명월입니다. 이 글은 C++에서 사용되는 map(맵)의 사용법에 대한 글입니다. 이전에 제가 vector에 대해서 설명한 적이 있습니다.참고 - [C++] vector(리스트)의 사용법 (Stack, Queue 알고리즘 예제) vector 타입은 동적인 배열같이 값들이 일렬로 배치되어 있어서, 해당 값을 찾으로고 하면 반복문을 사용해서 값을 비교해가며 검색을 해야합니다.vector의 앞쪽에 해당 데이터가 있다면 빠른 속도로 검색이 되어 결과가 나오겠지만, vector의 뒤쪽에 데이터가 있다면 거의 모든 데이터를 비교하기 떄문에 속도가 느려질 수 있습니다. 그걸 극복하기 위해서 key와 value로 자료 구조를 구성하여 데이터를 검색하는 것입니다. #include #include // map를..

Study/C , C++ , MFC 2020. 4. 9. 20:14

[C++] vector(리스트)의 사용법 (Stack, Queue 알고리즘 예제)

안녕하세요. 명월입니다. 이 글은 C++에서 사용되는 vector(리스트)의 사용법 (Stack, Queue 알고리즘 예제)에 대한 글입니다. 예전에 제가 배열의 사용법에 대해서 설명한 적이 있습니다. 링크 - [C++] 배열과 포인터(메모리 주소) 그리고 할당(new){stack과 heap에 대해서} 배열은 같은 타입의 데이터를 복수개 선언하여 하나의 변수로 다루는 방법을 이야기합니다. 그런데 이 배열은 사용하기 전에 몇개를 사용할 것인지 정해 놓은 다음 사용합니다. 즉, 10개의 int형이라고 하면 int a[10];식으로 사용되지만 만약 여기에서 10개가 넘어서게 된다면 변수를 재선언 해야 할 것입니다. 그러나 이러한 문제점을 해결한 알고리즘이 연결리스트인데 그것은 C++에서 vector 클래스로 ..

Study/C , C++ , MFC 2020. 4. 8. 16:54

[C++] 쓰레드(Thread)를 사용하는 방법

안녕하세요. 명월입니다. 이 글은 C++에서 쓰레드(Thread)를 사용하는 방법에 대한 글입니다. 먼저 쓰레드를 사용하는 방법을 알기 전에 쓰레드가 무엇인지 설명하겠습니다. 우리가 프로그램을 작성하고 실행하면 main에서에서 시작해서 함수를 호출하거나 여러 처리를 거쳐 종료를 하게 됩니다. 이것을 하나의 프로세스라고 합니다. #include #include using namespace std; // 반복문 실행하는 함수 void function(int count) { // 파라미터로 받은 count 수치만큼 반복문을 실행한다. for (int i = 0; i < count; i++) { // 콘솔 실행 cout

Study/C , C++ , MFC 2020. 4. 7. 18:01

[C++] IO (fstream)(파일 읽기 쓰기)를 사용하는 방법

안녕하세요. 명월입니다. 이 글은 C++에서 IO(파일 읽기 쓰기)를 사용하는 방법에 대한 글입니다. IO의 약어의 해석은 Input/Output의 뜻으로 사실 Input 장치인 키보드, 마우스 등등, Output장치인 모니터를 뜻하는 말입니다.하지만 프로그램에서는 파일을 다루는 라이브러리를 통칭하는 의미합니다. C++에서 파일을 읽고 쓰기에 대해서는 사실 굉장히 간단한 함수가 있습니다. fopen과 fwrite, fread를 통해서 사용할 수 있습니다. // fopen, fwrite, fread를 최신 버전에서 사용하면 unsafe(안전하지 않은) 경고와 deprecation의 에러가 발생한다. // 즉, 더이상 사용을 권하지 않는 뜻이다. #define _CRT_SECURE_NO_DEPRECATE #..

Study/C , C++ , MFC 2020. 4. 6. 16:44

[C++] 예외처리(try ~ catch, throw) 사용법

안녕하세요. 명월입니다. 이 글은 C++에서 예외처리(try ~ catch, throw) 사용법에 대한 글입니다. C++에서의 예외 처리는 엄청 단순합니다. 오히려 Java와 C#등의 다른 언어 때문에 헤갈립니다.일단 C#의 예외처리와 비교를 하겠습니다. (다른 언어도 비슷합니다.)링크 - [C# 강좌 - 21] 예외 처리 먼저 C#과 가장 다른 특징은 c++은 finally가 없습니다. try ~ catch만 있습니다. 그렇기 때문에 finally로 메모리나 리소스 반환이 안됩니다. #include #include using namespace std; // Node 클래스 class Node { // 접근 제한자 설정 - 내부 참조 전용 private: // data 값 선언 const char* da..

Study/C , C++ , MFC 2020. 4. 4. 01:50

[Python] Hash 암호화 md5와 바이너리 구조체 base64를 다루는 방법

안녕하세요. 명월입니다. 이 글은 Python에서 Hash 암호화 md5와 바이너리 구조체 base64를 다루는 방법에 대한 글입니다. md5 프로그램을 다루다 보면 데이터를 암호화해서 다루어 할 때가 많이 있습니다. 대표적인게 패스워드가 있겠습니다.이 패스워드는 노출이 되면 안되는 것으로 데이터 베이스를 관리하는 개발자의 경우도 그 값을 확인해서는 안됩니다. 그러기 위해서는 복호화가 불가능한 데이터를 다루어야 하는데 그것이 md5입니다.Python으로도 웹 환경을 만들 수 있으니 필요하지만 그것보다 Python은 미들 웨어의 성격으로도 많이 사용되니 프로그램 간에 송수신할 때 사용할 수도 있습니다. # 해쉬 모듈 import hashlib; # 문자 입력 text = 'nowonbun'; # utf8형..

Development note/Python 2020. 4. 2. 17:38

[C++] 리터럴 문자열(const char*, const wchar_t*)과 typedef, operator의 사용법

안녕하세요. 명월입니다. 이 글은 C++에서 리터럴 문자열(const char*, const wchar_t*)과 typedef, operator의 사용법에 대한 글입니다. 리터럴 문자열(const char*, const wchar_t*) 우리가 프로그램을 작성하면 가장 많이 사용하는 값이라고 하면 수보다는 문자열을 사용하는 경우가 많습니다. c++에서는 이 문자열을 const char*와 const wchar_t*로 표현합니다.const char*와 const wchar_t*는 일반 ascii코드와 유니코드의 차이입니다.먼저 const char*에 대해서 설명하겠습니다.영어로 된 문자열을 작성하면 문자 코드는 char로 ascii코드로 정의됩니다. 예를 들면 소문자 a는 97이고 대문자 A는 65인 것입..

Study/C , C++ , MFC 2020. 4. 2. 01:33

[Javascript] 쓰레드(웹 워커-Web worker)를 사용하는 방법

안녕하세요. 명월입니다. 이 글은 Javascript에서 쓰레드(웹 워커-Web worker)를 사용하는 방법에 대한 글입니다. 프로그램이 실행하고 종료되기까지 작업을 우리는 프로세스라고 합니다. 그 프로세스 안에는 프로그램 코드가 있고, 코드의 순서에 따라 위에서 아래로 실행됩니다.이 때 Javascript의 경우는 요청해서 응답받은 html에 Javascript의 링크와 코드가 태그의 순서대로 실행됩니다. 그것을 single thread 또는 main thread라고 합니다.간혹 그 코드 순서대로 실행을 하는 것이 아니라 동시에 실행되는 병렬 처리를 원할 때가 있습니다. 하나의 처리는 for문의 루프로 특정 텍스트를 작성하고 또 다른 하나는 동시에 다른 요소의 값을 계산하는 식의 병렬 처리입니다.우리..

Study/Javascript, Jquery, CSS 2020. 3. 31. 19:48

[Javascript] 비동기 통신(Ajax)를 하는 방법

안녕하세요. 명월입니다. 이 글은 Javascript에서 비동기 통신(Ajax)를 하는 방법에 대한 글입니다. 먼저 Ajax(Asynchronous JavaScript And XML) 란 비동기 자바스크립트와 XML를 뜻하는 말로써, 웹 서버와 클라이언트 통신(웹 서버에 http protocal 형식으로 요청하면 http protocal 응답을 받는 형식)를 동기식(브라우저 화면에서 요청을 하고 결과를 기다리는 형태)가 아닌 백그라운드로 통신을 하여 정보를 교환하는 방식을 뜻힙니다. Ajax를 통신을 하기 위해서는 Javascript에서는 XmlHttpRequest를 이용하여 정보를 주고 받습니다. click {"test":"hello world"} 버튼을 클릭하면 test.json을 GET방식으로 비동..

Study/Javascript, Jquery, CSS 2020. 3. 31. 00:01

[Javascript] async, await의 사용법

안녕하세요. 명월입니다. 이 글은 Javascript의 async, await의 사용법에 대한 글입니다. 제가 이전에 프로미스(Promise)에 대해 설명한 적이 있습니다. 링크 - [Javascript] 프로미스(Promise) 사용법 이 프로미스를 사용하는 이유는 Javascript의 single thread로 사용되는 것을 timer를 이용해서 비동기적 계산하기 위한 오브젝트입니다. 보시면 end라는 값이 textarea에 가장 하단에 출력됩니다. 뭐 당연한 소리입니다. 이걸 Promise를 통해 비동기 처리식으로 바꾸면 아래와 같습니다. 이번에는 end라는 값이 textarea에 먼저 출력이 되었습니다. 이는 single thread가 먼저 처리가 되고 메시지 큐의 순서대로 처리되기 때문에 for..

Study/Javascript, Jquery, CSS 2020. 3. 28. 09:00

[Python] 웹소켓을 이용해서 웹 페이지에서 파일 업로드하는 방법

안녕하세요. 명월입니다. 이 글은 Python의 웹 소켓을 이용해서 웹 페이지에서 파일 업로드하는 방법에 대한 글입니다. 예전에 제가 작성한 글 중에 ajax를 이용해서 파일 업로드하는 방법에 대한 글이 있습니다. 링크 - [Jquery] ajax를 이용해 파일 업로드하는 방법 그 내용의 원래 목적은 업로드 할 파일이 대용량일 경우, form submit을 이용해서 서버에 업로드를 할 때 여러가지 제한 사항에 걸려서 ajax로 파일을 나누어 전송하는 방법에 대해 설명하고 있습니다. 업로드를 해야할 파일이 1기가나 2기가 정도의 큰 파일를 업로드를 하려고 하면 server 측의 request buffer max size도 재설정을 해야합니다.그 때 버퍼 사이즈가 너무 크게 설정되면 전체적인 웹 성능에 영향..

Development note/Python 2020. 3. 27. 18:57

[Javascript] 프로미스(Promise) 사용법

안녕하세요. 명월입니다. 이 글은 Javascript의 프로미스(Promise) 사용법에 대한 글입니다. 프로미스(Promise)란 Javscript의 단점인 무한 콜백의 단점을 해소하기 위해 만들어진 일종의 패턴이라고 할 수 있습니다. 제가 이전에 callback과 타이머 함수(setTimeout, setInterval)에 대해 설명한 적이 있습니다. 링크 - [Javascript] 익명함수, 람다식, 클로저 그리고 callback (DOMContentLoadedd와 load이벤트 예제) 링크 - [Javascript] 타이머 함수(setTimeout, setInterval) 이게 제 기준에 설명을 하면 Javascript은 스크립트 언어이기 때문에 Java와 C#처럼 메모리 구조(stack, heap..

Study/Javascript, Jquery, CSS 2020. 3. 26. 23:22

[Javascript] 타이머 함수(setTimeout, setInterval)

안녕하세요. 명월입니다. 이 글은 Javascript의 타이머 함수(setTimeout, setInterval)에 대한 글입니다. 자바스크립트를 작성하다보면 성능에 대한 압박을 받게 됩니다. 왜냐하면 Javascript의 처리는 서버에서 하는 작업이 아닌 클라이언트에서 하는 작업입니다.그러므로 서버의 입장에서는 클라이언트의 모든 환경을 알 수가 없습니다. 물론 성능이 좋은 클라이언트 PC라면 문제가 없지만, 성능이 안 좋은 클라이언트 PC라면, 싱글 스레드로 많은 제어문과 함수를 실행하면 overflow가 발생할 수도 있고 브라우저가 멈출 수도 있습니다.그럴 때는 적당히 작업을 분산 처리시키는 작업에 대한 요구가 생기게 됩니다. Javasciprt는 기본적으로 single thread로 처리됩니다. 그래..

Study/Javascript, Jquery, CSS 2020. 3. 26. 01:46

[Javascript] 익명함수, 람다식, 클로저 그리고 callback (DOMContentLoadedd와 load이벤트 예제)

안녕하세요. 명월입니다. 이 글은 Javascript에서 익명함수, 람다식, 클로저 그리고 callback (DOMContentLoadedd와 load이벤트 예제)에 대한 글입니다. Javascipt는 함수 지향 프로그램이라 그런지 익명함수나 람다식을 통한 callback 함수를 정말 많이 사용하는 것 같습니다.그리고 함수를 변수처럼 취급이 가능한데, 다른 언어에서는 이를 함수 포인터나 델리게이트 선언해야 하는 것들을 쉽게 처리가 가능합니다. test1은 일반적인 함수 선언법입니다. test2와 test3은 각각 익명 함수와 람다식 선언법입니다.여기까지 작성하면 일반 함수 선언과 크게 달라보이지 않습니다. test1의 함수는 파라미터에서 함수를 받으면 함수를 실행하는 형식입니다. 즉, 위와 같은 로직을 ..

Study/Javascript, Jquery, CSS 2020. 3. 25. 18:42

[Javascript] 브라우저에서 Javascript 프로그래밍 디버깅하는 방법

안녕하세요. 명월입니다. 이 글은 브라우저에서 Javascript 프로그래밍 디버깅하는 방법에 대한 글입니다. 이전에 브라우저에서 css style를 개발하는 방법, 브라우저 개발 모드를 설명한 적이 있습니다. 링크 - [CSS] 브라우저에서 CSS를 개발하는 방법(브라우저 개발 모드) 이 브라우저의 개발 모드는 document의 element 구성 표시와 css 상태 뿐 아니라 javascript와 cookie, console, network 등 개발에 필요한 개발 도구가 있습니다. 위 이미지는 크롬(Chrome) 기준입니다. 먼저 network를 살펴 보면, browser와 웹 서버간에 link 파일과 이미지등의 다운로드 속도에 대한 성능을 나타냅니다. 간단하게 제 블로그를 클릭해서 들어갔는데 모든 ..

Study/Javascript, Jquery, CSS 2020. 3. 25. 01:55

[Javascript] Html 요소(element)의 이벤트(Event)를 추가하는 방법

안녕하세요. 명월입니다. 이 글은 Javascript에서 Html 요소(element)의 이벤트(Event)를 추가하는 방법에 대한 글입니다. 먼저 프로그램에서 이벤트라는 것은 컨트롤이나 요소가 특정 동작이나 액션을 감지하여 함수를 호출하는 프로시져를 말합니다. 쉽게 이야기하면, 사용자가 마우스로 버튼을 클릭하면, 버튼에 대한 클릭 이벤트가 발생하여 지정된 함수를 호출하는 것입니다. click html 요소에서 속성으로 「on + 이벤트 타입」명으로 이벤트를 추가 할 수도 있습니다. 이 방법은 html 인라인 이벤트로 위처럼 함수를 호출하면 호출의 함수 재사용은 가능하지만, 각 요소에서 이벤트를 직접 수정하는 경우나 가독성의 문제(각 요소에서 이벤트가 어떻게 작성되는지 한눈에 알기가 힘들다)때문에 사실 ..

Study/Javascript, Jquery, CSS 2020. 3. 24. 16:21

[Javascript] Html 요소(element)의 속성(attribute)을 추가, 삭제 그리고 수정하는 방법

안녕하세요. 명월입니다. 이 글은 Javascript에서 Html 요소(element)의 속성(attribute)을 추가, 삭제 그리고 수정하는 방법에 대한 글입니다. Html 요소에서 데이터 값을 설정하고 취득하는 방법은 꼭 value의 속성이 아니더라도 설정이 가능합니다. 다만 class와 id, style 속성에 관해서는 브라우저의 탐색과 랜더링이 달라질 수 있습니다. 먼저 textbox의 data-value속성과 value속성을 설정했습니다.data-value속성은 html 랜더링에는 영향이 가지 않지만 value의 속성에는 textbox 안에 text가 들어가게 됩니다. 결과를 보면 textbox안에 test의 값이 들어가 있습니다.setAttribute로 속성을 설정을 하는데 속성이 없으면 추..

Study/Javascript, Jquery, CSS 2020. 3. 23. 23:43

[Javascript] Html 요소(element)의 생성(CreateElement), 추가(appendChild)하는 방법

안녕하세요. 명월입니다. 이 글은 Javascript에서 사용되는 Html 요소(element)의 생성(CreateElement), 추가(appendChild)하는 방법에 대한 글입니다. Html에서 Javascript를 사용하게 되면 값을 취득하는 것 만큼 동적으로 생성하는 것도 많이 있습니다. 이유는 동적의 효과를 나타내기 위한 것도 있고, 사용자의 환경이나 액션(event)에 따라 페이지의 결과를 달리 나타낼 때 사용합니다. 가장 단순하게 요소를 생성하는 방법은 요소를 선택하고 innerHtml를 사용해서 Node의 값을 바꾸거나 outerHTML를 이용해서 태그 내용을 수정하는 방법이 있습니다. innerHTML과 outerHTML의 차이는 선택된 요소의 태그를 포함하느냐 안하는냐의 차이입니다. ..

Study/Javascript, Jquery, CSS 2020. 3. 23. 15:17

[Javascript] Html 요소(element)의 셀렉터(selector - getElementById, getElementByClass, querySelector...)

안녕하세요. 명월입니다. 이 글은 Javascript에서 Html 요소(element)의 셀렉터(selector - getElementById, getElementByClass, querySelector...)에 대한 글입니다. Html에서 Javascript를 사용한다는 것은 Html 태그의 값을 취득하거나 수정하거나 삭제등으로 태그의 값을 변경하기 위해 사용하는 경우입니다. 그렇다면 값을 취득하거나 수정, 삭제를 하기 위해서는 태그의 요소를 취득을 해야합니다. 그때 요소의 id나 class, tagname 그리고 css 선택자를 사용해서 요소를 선택할 수 있습니다. 요소에서 id는 사양으로는 오직 한 개입니다. html은 컴파일 언어가 아니기 때문에 두개를 작성할 수도 있지만, 그러면 한개의 id만 ..

Study/Javascript, Jquery, CSS 2020. 3. 23. 13:10

[Javascript] 변수 선언, 제어문, 함수 사용법

안녕하세요. 명월입니다. 이 글은 Javascript의 변수 선언, 제어문, 함수 사용법에 대한 글입니다. 웹 서비스에서 Html을 구성하는 것은 html 태그이고 그 태그를 디자인 스타일을 설정하는 것은 css입니다. 그리고 그런 html을 서버가 아닌 브라우저 클라이언트에서 동적으로 값을 설정하거나 태그를 수정하고 스타일을 재설정할 수 있는 프로그래밍 언어가 Javascript입니다. 쉽게 이야기해서 브라우저와 서버와스 요청, 응답없이 클라이언트에서 html를 재설정하는 것을 이야기하는 것입니다. Javascript의 언어는 꼭 웹 서비스에서만 사용되는 프로그래밍 언어는 아닙니다. 로컬 스크립트 언어로도 사용되고, 최근에는 google의 node.js 플랫폼을 통해 web-service를 구축까지 할..

Study/Javascript, Jquery, CSS 2020. 3. 23. 01:30

[C++] 람다식(functional) 사용법과 클로저(closure) 그리고 auto 자료형

안녕하세요. 명월입니다. 이 글은 C++에서 람다식(functional) 사용법과 클로저(closure) 그리고 auto 자료형에 대한 글입니다. 사실 제가 10년전에 C++를 사용할 때는 람다식이 없었습니다. 아니면 있었는데 제가 사용법을 몰랐거나 잘 사용하던 시절이 아니었습니다. 그러다 제가 주력 프로젝트가 웹 프로젝트 비중이 많아지고, 그러면서 Javascript를 배우면서 함수 지향 프로그래밍의 매력을 느끼고 Java와 C#의 람다식을 익히게 되었습니다. 최근, 블로그 글을 작성하면서 예전에 자주 사용했던 언어 C++를 더 잊어버리기 전에 한번 정리해야겠다 생각하고 글을 작성하고 있습니다. 그러던 중 C++도 람다식이 있지 않을까 하고 조사하던 중 역시 C++도 람다식이 있었습니다. 링크 - ht..

Study/C , C++ , MFC 2020. 3. 22. 02:03