WEBDIR

웹코딩 검색 결과

해당 글 125건

PHP 문자열

PHP에서 사용되는 문자열을 자세히 들여다보고, 관련된 규칙들을 살펴봅니다. 문자열(String) 문자들을 표현할때 사용하며, 메모리 공간의 제약이 없다. 즉, 문자열의 길이에 상관없이 제한 없는 문자열을 지원한다. 문자열은 큰따옴표("), 작은따옴표('), 히어닥문법(Heredoc), 나우닥문법(Nowdoc)을 이용하여 할당할 수 있다. 큰따옴표 "Hello $name \n" 와 같이 큰따옴표 사이에 문자열을 써넣으면 PHP는 문자열을 해석하는 절차를 거친다. 큰따옴표 내부에 변수가 있다는 이는 변수의 값을 출력하고 특수문자가 있다면 특수문자에 부여된 바를 행한다. 큰따옴표 내부에서 사용될 수 있는 특수문자는 아래와 같다. 특수문자 의미 \n 개행문자(줄 바꿈) \r 캐리지 리턴(현재 위치를 나타내는 ..

웹코딩/PHP 2018. 6. 7. 11:00

PHP 상수

PHP 상수에 대하여 알아봅니다. PHP 상수 상수는 항상 같은 값을 지니는 변하지 않는 수이며, 한 번 설정하면 전역 변수처럼 사용할 수 있다. 한번 설정된 값은 변경할 수 없다. 대소문자 구별을 하지만 관례적으로 대문자로 표기한다. define() 함수를 사용해 상수를 정의한다. 상수도 변수와 마찬가지로 미리 정의된 상수가 존재한다. 예약 상수를 참고하도록 하자.

웹코딩/PHP 2018. 6. 6. 11:00

PHP 변수

PHP의 변수에 대하여 알아봅니다. PHP 변수 PHP에서 변수란, 어떤 값을 기록해 둘 수 있는 공간(메모리)에 이름을 붙여 둔 것이다. $변수명과 같은 형식으로 정의하며, 대입연산자(=)를 사용하여 값을 할당할 수 있다. PHP 변수 규칙 PHP에서 변수명은 아래에서 제시하는 변수명 규칙을 따르며, 이를 어긴다면 오류가 발생한다. 변수명은 반드시 $(달러표시)로 시작해야 한다. 변수명은 적어도 하나 이상의 문자를 가져야 한다. $ 표시 다음에 오는 첫 번째 문자는 알파벳이거나 _(언더바)여야 한다. 이후에는 알파벳, 언더바 또는 숫자가 가능하다. $와 _를 제외한 모든 특수문자와 빈칸은 변수명에 포함되면 안된다. 또한, 기존의 프로그래머들이 관행적으로 사용해오던 규칙들도 있다. 이러한 규칙은 PHP ..

웹코딩/PHP 2018. 6. 5. 11:00

PHP 기본 문법

PHP의 기본적인 문법에 대하여 알아봅니다. PHP 기본 구문 PHP는 HTML 모드를 기준으로 해석되다가 PHP의 시작을 알리는 시작태그를 만나면 PHP 모드로 전환하여 해석된다. 이런 방식의 해석은 시작과 끝 태그 밖에 있는 부분은 PHP 해석기가 무시하게 되므로, PHP가 어떠한 문서에도 포함될 수 있는 근거가 된다. 이 부분은 PHP 해석기가 무시한다. PHP의 시작태그 와 끝태그 시작태그 끝태그 설명 XML과 구분하기 위한 방법 간소화된 방법으로 PHP의 기본설정은 짧은 태그를 허용하지 않는다. php.ini 파일의 short_open_tag = On 으로 변경하면 사용가능하다. ASP 방식 스크립트 방식 은 ""을 간단히 쓴 모양입니다 을 간단히 쓴 모양입니다 가장 보편적인 방식은, 첫번째 방..

웹코딩/PHP 2018. 6. 4. 11:00

PHP 기초

PHP를 본격적으로 배우기에 앞서 기초적인 내용들을 정리하고 넘어갑니다. 웹의 동작 원리 웹 브라우저의 주소창에 도메인(www.php.net)을 입력했을때 발생하는 일련의 과정은 아래와 같다. 클라이언트(웹 브라우저)에서 입력받은 도메인주소는 DNS 서버를 통해 IP로 변환된다.(DNS 이해) 변환된 IP 주소(64.71.164.5)의 목적지인 웹 서버에 접속하고 URL을 통해 요청(request) 파일의 정보를 전달한다(www.php.net 이라고 URL을 요청했을때 웹서버의 설정에 따라 www.php.net/index.html 혹은 www.php.net/index.php 등의 파일을 자동적으로 찾는다). 웹 서버는 찾은 파일을 처리하고 그 결과를 웹 브라우저에 전달한다. 웹 브라우저는 전달받은 결과를..

웹코딩/PHP 2018. 6. 1. 11:00

새로운 수익창출 모델 - Adobe Affiliate Program (어도브 제휴 프로그램)

사이트 및 블로그 운영의 수익창출모델에 도움이 될만한 프로그램이 있어 소개합니다. 기존의 구글 애드센스와 유사하며 아래에서 배너 신청 및 등록방법에 대하여 알아봅니다. Adobe 제휴 프로그램 소개 Adobe Affiliate Program은 어도브사와 제휴를 맺고, 웹 사이트에 배너를 등록하여 수수료 이익을 창출하는 프로그램이다. 또한, 어도브사는 익히 알다시피 포토샵, 일러스트등의 유명 그래픽 프로그램 제작사로 관련제품을 월간 혹은 연간 구독을 통해 저렴한 가격으로 사용할 수 있게 제공하고 있고, 여러가지 할인혜택을 함께 제공하고 있다. HOME Adobe 제휴 프로그램 DOC Getting_Started_Guide_The_Adobe_Affiliate_Private_Network_Nov16_KOR_V..

웹코딩/App,Plugin 2017. 3. 14. 17:00

Window(전역객체) - BOM

Wiindow 객체 정의 Window 객체는 브라우저의 창(또는 프레임)을 가리키는 객체로, 모든 전역 객체와 전역 함수는 Window 객체의 프로퍼티와 메서드에 해당한다. 즉, Window 객체가 최상위 객체이며, 생략될 수 있기에 눈에 보이지 않을뿐, 모든 변수와 객체, 함수들이 Window 객체안에서 선언되고 실행되고 있다는 것이다. var x = 6; //window.x = 6 과 같다. var y = 4; //window.y = 4 와 같다. window.document //현재창의 document 프로퍼티(HTML 문서)접근 window.document.forms[0] //현재창의 HTML 문서의 첫번째 폼 접근 모든 자바스크립트 구현에는 유효 범위 체인의 가장 앞에 전역 객체가 위치하며, 이..

웹코딩/Javascript 2016. 8. 25. 11:41

자바스크립트 구성요소

자바스크립트는 아래와 같은 3가지 구성요소들로 이루어져 있다. 자바스크립트 BOM 자바스크립트 BOM(Browser Object Model)은 브라우저와 관련된 객체로 구성되며, 브라우저를 프로그래밍적으로 제어할 수 있는 수단이 된다. Window Navigator Location History Document Screen BOM은 전역객체인 Window 객체의 프로퍼티와 메소드들을 이용해 제어하기에 Window 객체의 사용법을 배우는 것과 같다. 자바스크립트 DOM 자바스크립트DOM(Document Object Model)은 웹문서를 조작할때 지켜야할 규칙(인터페이스)을 브라우저 제조사의 자신들만의 기술로 기능을 구현한 것이다. 웹표준은 W3C DOM 인터페이스를 따르며, 구형 IE7,8의 경우는 지원..

웹코딩/Javascript 2016. 4. 6. 11:00

문서의 로드시점 - onload, DOMContentLoaded

웹문서를 만드는 경우, 문서가 로드되었을때를 기점으로 문서를 초기화하고, 각종 설정을 부여하는 것은 빈번한 일입니다. 이 시점에 접근하기 위해 사용되는 이벤트들에 대하여 알아봅니다. 일반적으로, 스크립트를 문서의 마지막() 이전에 삽입하면 굳이 이벤트를 이용하여 프로그래밍을 처리할 필요가 없다. 다만, 문서의 영역에 스크립트가 삽입되거나 외부의 파일에 정의되어 있다면 이벤트를 연결하여 문서의 로드시점에 맞게 처리해야 한다. onload 문서의 모든 콘텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트이다(load 이벤트라고들 한다). window.onload = function() { //실행될 코드 } 문서에 포함된 모든 콘텐츠가 로드된 후에 실행되기에 불필요한 로딩시간이 ..

웹코딩/Javascript 2016. 4. 4. 11:00

스크립트 모듈화 - Require.js #1

자바스크립트(JS)는 자체적으로 파일간의 모듈화를 지원하지 않기때문에 이를 유지 보수하는 일에서 전역변수를 오염시키고 서로간의 간섭을 신경써야 합니다. 모듈패턴을 이용하여 최소한의 간섭을 유지하고, 동적으로 스크립트를 로딩하여 필요한 것만 다운받게 만들며 최적화를 꾀할 수 있지만, 파일이 커지고 코드가 길어질 수록 이를 체계적으로 관리할 수 있는 도구가 절실해집니다. 이를 보완해주는 라이브러리중에 하나인 Require.js에 대하여 알아봅니다. Require.js 소개 Require.js는 AMD(Asynchronous Module Definition - 비동기 모듈 정의)를 바탕으로 제작된 JS 모듈 로더(loader) 파일이다. 이는 JS 코드를 모듈화하고 모듈간의 의존성 문제를 해결하여 코드를 파악..

웹코딩/Javascript 2016. 4. 1. 19:23

자바스크립트 삽입방식과 위치

자바스크립트 삽입방식 자바스크립트를 실행하는 방법은 문서안에 type="text/javascript" 부분은 HTML5에서는 생략할 수 있다. 문서의 어느 곳이든 스크립트 배치에 제한을 두지 않는다. 전자의 경우는 간단한 스크립트의 경우이거나 해당 문서에만 적용되는 코드들, 초기화등에 자주 사용된다. 후자의 경우는 반복사용되는 코드들을 파일별로 저장해두고 필요에 따라 링크해 사용되곤 한다. 이와 같은 방식이 코드의 가독성과 실행순서, 의존성들을 확인하기에 수월하기 때문에 추천되는 방식이다. 자바스크립트 삽입 위치 브라우저는 HTML의 구조와 CSS 스타일을 렌더링하는 도중 자바스크립트를 만나게 되면 이에 대한 해석과 구현이 완료이 완료될때까지 브라우저 렌더링을 멈추게 된다. 즉, 자바스크립트의 삽입 위치..

웹코딩/Javascript 2016. 3. 18. 11:30

ECMAScript 6 특징 정리 링크들

2015년 6월에 공개된 새로운 자바스크립트(JS) 표준 ECMAScript 6은 새로운 기능이 많이 추가되었으며, 2009년 이후의 첫번째 업데이트입니다. 아직 주요 브라우저들의 자바스크립트 엔진에서 이를 완벽히 지원하진 않지만 향상된 기능을 경험해볼 순 있습니다. 관련사항들 링크 ECMAScript 6 버전의 특징을 정리해둔 git.io/es6features를 한글로 번역해둔 ECMAScript 6 Features 링크를 통해 내용을 살펴보도록 하자. 그 밖의 스펙의 명세나 호환성, 이를 지원하지 않는 브라우저에서 대체할 수 있는 폴리필들은 아래의 링크를 참고하자. SPEC Standard ECMA-262 6th Edition INFO ECMAScript 6 호환성 POLYFILL BABEL

웹코딩/Javascript 2016. 3. 15. 17:26

자바스크립트 (ECMAScript) 버전

그 동안 자바스크립트(JS)를 사용하면서도 현재 사용하는 브라우저가 몇 버전의 JS를 지원하는지, 새로이 어떠한 기능들이 추가되었는지도 깜깜히 지내왔습니다. jQuery에 너무 익숙해져 jQuery에서 지원하는 기능들에 발목이 메인 형상이지요. 저와 비슷한 분들이 있을꺼라 생각되어 관련정보를 취합해 보았습니다. JavaScript와 ECMAScript, JScript 우리가 흔히 자바스크립트라고 부르는 언어는 Ecma 인터내셔널이라 불리는 표준화 기구에서 제정한 ECMA-262 스크립트이다. 자바스크립트는 넷스케이프에서 제작하였고 이를 Ecma 표준으로 등록하는 과정에서 이미 등록되어 있는 JAVA와 유사한 명칭으로 인해 ECMA-262라는 이름을 가지게 되었으며 이를 표준화한 것이 ECMAScript이..

웹코딩/Javascript 2016. 3. 14. 11:00