본문 바로가기

Language

(132)
include와 namespace include 또는 require- 포함하다- 현재 실행시키려는 php파일이 있다. 그 파일 안에 다른 php 파일을 포함(일종의 모듈처럼)시킬 때 사용하는 방법. namespaceinclude와 같은 기능을 사용하게 되면 여러개의 php 파일을 하나의 php 파일 안에서 로드해서 사용하게 되는데, 각각의 php 파일이 만약에 서로 똑같은 이름의 함수, 상수, 클래스 등을 가지고 있다면 충돌이 나게 된다. 이 충돌을 해결하기 위한 방법. * 코드를 분리하는 이유? 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다.코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다.코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다.필요한 로직만을 로드해서 메모리의 낭비를 줄..
연관배열(Associative array) 연관배열과 기존 배열의 차이점 : 배열에 담겨있는 식별자(인덱스).- 기존 배열은 0,1,2 와 같은 숫자로 이루어져 있다.- 연관 배열은 숫자가 아닌 문자를 사용할 수 있다. * php에서는 문자와 숫자라는 개념을 따로 구분을 하지 않기 때문에, 연관배열과 일반 배열에 대해서 큰 차이는 없다 사실. 연관배열을 정의하는 방법1 연관배열을 정의하는 방법2 연관배열 값 가져오기 배열에 담겨있는 값들을 하나하나 꺼내서 그 값들을 처리하는 방법 == 배열에 담겨 있는 값들을 열거하는 것.* for는 숫자를 인덱스로 하는 배열에서는 사용할 수 있지만, 키의 값(인덱스의 값)이 문자인 연관배열에서는 for를 사용할 수 없다.
배열(array) 데이터를 저장하는 방법 1. 변수2. 배열 (여러개의 값 저장) 배열과 반복문의 결합 ucfirst 함수 : http://php.net/manual/en/function.ucfirst.php 배열의 조작(제어) : 추가/수정/삭제 배열을 추가하는 방법 (push) 배열의 시작점에 값을 추가하는 방법 (unshift) : 자동으로 값의 인덱스가 하나씩 밀리게 된다. 첫번째 값을 제거 (shift) 마지막 값 제거 (pop) 배열과 관련된 함수 (대표적인예) - sort() : 함수의 인자로 배열이 담긴 변수를 넣어주면 배열 안에 들어 있는 값들을 정렬해준다.- 정렬기준 : 알파벳(a->z), 숫자(1->10...-> ... )* 반대로 정렬하고 싶을 때 : rsort();
자바스크립트 개발 도구 깃(git) : 프로젝트가 커져도 쉽게 관리할 수 있고, 다른 개발자와 협력할 수 있게 돕는 버전 컨트롤 도구튜토리얼1 : https://try.github.io/levels/1/challenges/1튜토리얼2 : 매튜 맥컬로프의 문서 ( 한국어 번역 본 : https://git-scm.com/book/ko/v2 ) 노드(Node) : 브라우저 밖에서 자바스크립트를 실행시켜주는 도구. npm(설치된 패키지 관리)이라는 도구 설치 기능을 가진 것도 함께 설치됨. node 설치 : https://nodejs.org/ ( 설치 후 노드$node -v와 npm$npm -v이 잘 동작하는 지 확인 ) npm을 통해 패키지를 설치하면 node_modules이라는 폴더가 새로 생기는데, 이는 매번 삭제해주는 것이 좋..
[CANVAS] 비동기적이벤트 & HELLO WORLD 사용자 입력 처리하기 = 이벤트 핸들러 사용하기 사용자의 입력은 항상 비동기적!비동기적 이벤트(마우스클릭 등)란 이벤트가 언제 일어날지 프로그래머가 전혀 알 수 없는 이벤트를 말한다. Hello, World 출력하기
[HTML5] CANVAS CANVAS표준화된 그래픽 인터페이스사각형이나 원, 다각형 등 단순한 도형을 그릴 수 있다.캔버스를 직접 사용하는 것은 매우 어렵고 손이 많이 가기 때문에, 일반적으로 라이브러리(PaperJS, KineticJS, EaselJS 등)를 많이 쓴다. PaperJs 1. PaperJs CDN 라이브러리 링크 추가 (Line 10)* 습관들이기 (링크 순서)- 는 body 마지막에 추가 : head의 복잡도 줄이기 + 자바스크립트 성능 향상- 웹 개발에서 제이쿼리가 빠지는 일은 거의 없으므로 제일 먼저 추가.- Line 12 : main.js 에서 제이쿼리와 paper.js 둘다 사용할 것이기 때문에 아래와 같은 순서로 링크 추가. 2. Line 4 : Paper.js를 전역 스코프에 설치Line 5 : Pa..
[jQuery] 기본형태(시작) Line 1,4 : (jQuery의 역할) 자바스크립트 코드를 실행하기 전에 브라우저가 HTML을 전부 불러왔는지 확인. 브라우저 기반 자바스크립트를 만들 때 작성해주어야 한다. Line 2 : "use strict"; 자바스크립트 인터프린터에서 코드를 더 엄격하게 처리하라는 뜻.
함수(Function) 목적 : 코드 재활용구성 : 정의(define-1회)&호출(call-∞사용)형태:* 정의function 함수이름() {코드;} * 호출함수이름(); 장점 : 유지보수용이 함수의 입력과 출력(return) * return의 부가설명return을 만나면 해당 함수를 종료한다. 그 뒤 로직은 결코 실행되지 않는다. 입력값1개. 인자(입력값,argmument) 여러개. 인자의 기본값 함수가 인자가 값을 가진 상태로 정의가 되어있다면,입력값이 있을 때는 입력값을 우선, 없을 때는 정의한 값을 보여준다. 지역(Local)변수 VS 전역변수 * scope : 함수의 유효범위지역변수 : 함수 안에서 선언된 변수 전역변수 : 함수 밖에서 선언된 변수 * global이라는 키워드는 가급적 사용하지 말자.global이란? ..