'웹프로그래밍' 카테고리의 글 목록

웹프로그래밍 (23)

자바스크립트 함수, 즉시 실행 함수 쓰는 이유 (Javascript Function)

웹프로그래밍 다알려줌 vicddory 2018.02.26 18:00

자바스크립트 함수, 즉시 실행 함수 쓰는 이유 (Javascript Function)함수를 정의함과 동시에 바로 실행하는 함수를 Javascript 즉시 실행 함수라고 한다. 이 함수도 익명 함수를 응용한 형태이다. 우선 다음 예제 코드를 살펴보자.익명 함수를 정의함과 동시에 결과가 출력된다.123(function (name) { console.log('This is the..

자바스크립트 캡슐화 방법 소스 (객체지향 프로그래밍)

웹프로그래밍 다알려줌 vicddory 2018.02.19 11:44

자바스크립트 캡슐화 방법 소스 (객체지향 프로그래밍)캡슐화는 객체지향 프로그래밍에서 상당히 중요한 부분을 담당한다. 캡슐화란 기본적으로 관련된 여러 가지 정보를 하나의 틀 안에 담는 것을 의미한다.이를 응용하면 멤버 변수와 메서드가 서로 관련된 정보가 되고 클래스가 이것을 담는 하나의 큰 틀이라고 할 수 있다. 여기에서 중요한 것은 정보의 공개 여부이다. 정보 은닉(Encapsulation)의 개념이 바로 이 부분을 담당한다. C++이나 Java에서..

자바스크립트 프로그램, 키보드 소스 (char code)

웹프로그래밍 다알려줌 vicddory 2018.01.25 12:44

자바스크립트 프로그램, 키보드 소스 (char code)참조 - On-screen HTML/자바스크립트Javascript keyboard [링크]소스 - Keyboard.zip [링크]원 소스 제작자 분께서 덴마크 분이셔서 그런가, 키보드는 덴마크 기준으로 제작되었습니다.기본적으론, 자바스크립트(JavaScript) 함수의 ID를 주요 요소로 사용해서 구현이 되었고, Firefox, Opera, Chrome, IE9에서 테스트가 되었다고 합니다. ..

[JavaScript oop] 인스턴스(Instance) 강제로 생성하는 예제

웹프로그래밍 다알려줌 vicddory 2018.01.12 09:48

[JavaScript oop] 인스턴스(Instance) 강제로 생성하는 예제자바스크립트에서는 일반 함수와 생성자 함수의 구분이 별도로 없으므로, 일반적으로 생성자 함수로 사용할 함수는 첫 글자를 대문자로 표기하는 네이밍 규칙을 권장한다.그러나 이러한 규칙(Javascript OOP 개념?)을 사용하더라도 결국 new를 사용해서 호출하지 않을 경우 코드의 에러가 발생할 수 있으므로, 더글러스 크락포드와 같은 자바스크립트 전문가들은 객체를 생성(Ins..

JavaScript 클로저로 메서드 연결 (자바스크립트 closure)

웹프로그래밍 다알려줌 vicddory 2017.12.20 10:41

JavaScript 클로저로 메서드 연결 (자바스크립트 closure)클로저는 성능적인 면과 자원적인 면에서 약간 손해를 볼 수 있으므로 무차별적으로 사용해서는 안 된다. 사실 클로저를 잘 활용하려면 경험이 가장 중요하게 작용한다.여기서는 아주 전형적인 JavaScript 클로저의 예제 코드를 소개할 텐데, 어느 정도 클로저의 감각만이라도 얻어갈 수 있기를 바란다. 진정 좋은 자바스크립트 프로그래머가 되려면 많은 개발 경험을 쌓는 것이 가장 좋은 방..

[파이어폭스] HTML5를 지원하지 않습니다 또는 HTML5 지원 불가

웹프로그래밍 다알려줌 vicddory 2017.12.10 04:30

[파이어폭스] HTML5를 지원하지 않습니다 또는 HTML5 지원 불가 파이어폭스 기준으로 "이 브라우저는 HTML5를 지원하지 않습니다."라는, 메시지(<canvas>와 </canvas> 태그 사이에 표시된다)가 나타난다면 제대로 지원되는 브라우저(파이어폭스 말고)를 사용해야 합니다.만일 파이어폭스에서도 똑같은 "HTML5 지원 불가"메시지가 나온다면 웹지엘 옵션을 체크하셔야 합니다. (이 옵션은 기본적으로 ..

자바스크립트 this 바인딩과 생성자 호출 함수

웹프로그래밍 다알려줌 vicddory 2017.12.04 07:55

자바스크립트 this 바인딩과 생성자 호출 함수 자바스크립트 객체를 생성하는 방법은 크게 객체 리터럴 방식이나 생성자 함수를 이용하는 두 가지 방법이 있다. JavaScript this 바인딩과 생성자 함수를 이용한 객체 생성 방법을 알아보자. 자바스크립트의 생성자 함수는 말 그대로 자바스크립트의 객체를 생성하는 역할을 한다. 하지만 C++이나 자바와 같은 객체지향 언에에서의 생성자 함수의 형식(JavaScript this ..

[다음 티스토리 플래시] 크롬에서 사진 올릴 때 오류 해결 방법

웹프로그래밍 다알려줌 vicddory 2017.10.01 10:46

[다음 티스토리] 크롬에서 사진 올릴 때 플래시 오류 해결 방법분명히 플래시 플레이어도 최신 버전이고 어제까지 다음 티스토리에 사진을 잘 올렸는데, 갑자기 안 됩니다.Flash Player 10을 자꾸 설치하라는 메시지만 확인되는 답답한 상황에 부닥쳤었죠. 그렇지만 아주 간단히 마우스 클릭 몇 번만으로 해결됩니다.1. 우선 글쓰기 상태로 들어와 주세요.2. URL 옆에 있는 느낌표를 누르세요.3. 플래시 옆의 기본값을 "이 사이트에서 항상 허용"으로..

HTML 코딩, 리펙토링 원인 5가지 (기초 coding)

웹프로그래밍 다알려줌 vicddory 2017.09.26 11:41

HTML 코딩, 리펙토링 원인 5가지 (기초 coding) 리팩토링을 해야 하는 시점인지를 어떻게 알 수 있을까? 코를 찌르는 나쁜 코드의 악취는 어떤 것인가? 나쁜 코드에는 꽤 많은 증상이 있지만, 가장 지독한 것들을 몇 가지 소개한다. 리펙토링 이유1 : 코드를 읽기가 어렵다 가장 눈에 띄는 증상은 웹 페이지에서 소스 보기를 했을 때 마치 그리스어로 쓰인 것처럼 보이는 코드다(물론 당신이 그리스인이라면 얘기가 다르다). 대부분..

HTML코딩 : 리펙토링, 코딩 기초 기술 문제

웹프로그래밍 다알려줌 vicddory 2017.09.25 11:20

HTML코딩 : 리펙토링, 코딩 기초 기술 문제 리펙토링이 필요한 나쁜 코딩 중 하나를 언급하며, HTML코딩에 필요한 지식 하나 다뤄봅니다. 문제점: 위험하거나 표준이 아닌 기술을 사용한다. 많은 사이트에서는 쿠키, 자바스크립트, 플래시, PDF, 자바 같은 비 HTML코딩 기술들을 사용한다. 이 기술들(HTML코딩) 모두가 자신의 역할이 있지만, 웹에서 너무나 남용되고 있는 게 현실이다. 또한, 실제 사용하면서 대부분 웹 개발자가 생각하는..

크롬 디버그 먹통, Chrome 디버깅 정상으로 돌리기

웹프로그래밍 다알려줌 vicddory 2017.07.23 10:44

크롬 디버그 먹통, Chrome 디버깅 정상으로 돌리기 크롬 디버그 먹통 해결 방법입니다. 여기서 먹통이란 아무리 크롬에서 무슨 짓을 해도 응답이 없는 상황을 말하는데요. 가령, console.log("메시지"); 라는 코드가 있어도 Console 창에 메시지가 뜨질 않는 겁니다. 버튼에 이벤트를 줘도 이벤트가 실행되지 않죠. 말 그대로 크롬 디버그 먹통이 돼버리는 겁니다. 아무 반응이 없어요. 그대로 멈춰버립니다. 대체, 크롬 디버그 먹통 사태..

jQuery text() html() - get() 사용 예제 방법

웹프로그래밍 다알려줌 vicddory 2017.07.17 16:52

jQuery text() html() - get() 사용 예제 방법jQuery에서 .text(), .html()은 선택된 개체의 값을 가져오거나 설정하는 역할을 합니다.함수에 인자를 넣으면 그 값으로 설정하고, 없으면 현재 값을 불러옵니다.123456789101112131415161718<script type="text/javascript"> $(document).ready(function (..

IP 라우팅1. Routing이란? 개념 (routed와 gated)

웹프로그래밍 다알려줌 vicddory 2017.06.14 04:30

IP 라우팅1. Routing이란? 개념 (routed와 gated) Introduction IP routing은 IP의 가장 중요한 기능 중 하나이다. 아래 그림은 IP 레이어에서 수행되어야 할 처리의 간략한 그림을 보여주고 있다. IP 라우팅 되어야 할 datagram은 로컬 호스에서도 생성되고, 다른 호스트에서도 생성된다. 후자의 경우에 이러한 호스트는 반드시 라우터로 동작하도록 구성되어야 한다. (IP Routing) 그렇지..

자바스크립트 NaN(Not a Number) 원인, 수치 연산 실패

웹프로그래밍 다알려줌 vicddory 2017.06.11 10:00

자바스크립트 NaN(Not a Number) 원인, 수치 연산 실패NaN (Not a Number) 값자바스크립트 NaN(Not a Number)은 수치 연산을 해서 정상적인 값을 얻지 못할 때 출력되는 값입니다. 가령, 1 - 'hello'라는 연산의 결과는 자바스크립트 NaN입니다. 1이라는 숫자와 문자열 'hello'를 빼는 연산을 수행했기 때문입니다.아래 예제는 직접 NaN을 유발하는 소스입니다. int, string 형 변수를 두고 둘을 빼..

HTML 구글맵. C# + 안드로이드 = 실시간 마커 갱신 (+MySql)

웹프로그래밍 다알려줌 vicddory 2017.03.30 21:00

HTML 구글맵. C# + 안드로이드 = 실시간 마커 갱신 (+MySql)안드로이드에서 좌표를 전송하면, C#으로 구현된 서버에서 값을 받아 MySql로 저장한 뒤, 해당 데이터들을 html 구글맵에 반영합니다.순서는, 안드로이드 앱 -> C# -> MySql -> HTML이 되겠죠.언어 3개를 함께 사용하기에 복잡할지도 모르겠으나, 기본적인 문법만 안다면 누구나 할 수 있습니다. 일단, map.html 파일입니다.<!..

1
2

코딩 기록