갬장장이
'lang/js, ts' 카테고리의 글 목록

lang/js, ts

lang/js, ts

[JS] 알아두면 좋은 문법들 정리

=== vs == == 는 두 비교대상을 서로 비교할 수 있도록 강제 형변환을 하지만, ===는 형변환을 하지 않는다. 때문에 가급적 ===를 사용하는 것이 권장된다. (형변환이 명시적일수록 좋은 것은 다른 언어에서도 마찬가지이다) // == 1234 == '1234' // true true == 1 // true undefined == null // true 'hello' == new String('hello') // true null == false // false 'true' == true // false true == 2 // false // === 1234 === '1234' // false true === 1 // false undefined === null // false 'hello' ==..

lang/js, ts

[JS] this란?

어떤 함수 내부에서 this는 해당 함수의 호출 시점에서 그 함수를 프로퍼티(property)로 가지는 객체를 의미한다. function sayName () { console.log(this.name) } var john = { name: 'John', sayName: sayName } var eddie = { sound: 'Eddie', sayName: sayName } john.sayName() // John eddie.sayName() // Eddie 더보기 참고: medium.com/@nemo1275/this%EA%B0%80-%EB%AD%90%EC%A3%A0-81698d54c808

lang/js, ts

[JS] Javascript ES6의 => (Arrow functions)

Arrow function은 코드를 간결하게 만들어주는 역할을 해준다. //ex1. 파라미터 2개 이상 function sum(a, b) { return a + b; } let sum2 = (a, b) => { return a + b; } let sum3 = (a, b) => a + b //ex2. 파라미터 1개 function isPositive(number) { return number >= 0; } let isPositive2 = (number) => { return number >= 0; } let isPositive3 = number => number >= 0 //ex3. 파라미터 없음 function randomNumber() { return Math.random } let randomNumb..

lang/js, ts

[JS] 모던 Javascript(es5, es6)에서의 OOP

참고: Template literal ` (물결 문자 아래) 를 사용해 Template literal을 작성할 수 있다. 이는 일반적인 문자열과 유사하게 동작하며, 파이썬의 fstring과도 상당히 유사하다. ex. var s = 'John'; var k = 'Mary'; console.log(`Hello ${s}, this is ${k}`); 1. 생성자 (es5) 생성자 함수를 작성해 객체지향적 프로그래밍이 가능하다. 이때 생성자 함수는 다른 객체지향 언어들처럼 클래스 내의 메소드로 있는게 아니라, 그냥 함수 형태로 존재한다. function Book(title, author) { this.title = title; this.author = author; } var book = new Book('aa..

lang/js, ts

[PHP] include, require 및 경로 설정 관련

__DIR__ -> 현재 이 php파일의 디렉토리. (절대 경로) $_SERVER["DOCUMENT_ROOT"] -> 웹서버 루트 디렉토리. (절대 경로) ../ -> 상위 디렉토리 (상대 경로) 사용 예제:

lang/js, ts

[HTML, PHP] GET vs POST

html에서 사용자로부터 정보를 받을 때 태그를 사용해서 받을 수 있다. 이떄 method를 무엇을 지정하느냐에 따라 정보 전달 방식이 달라진다. Input: Input2: 위 코드는 POST 방식을 통해 정보를 전달하는 방식이다. 이걸 GET방식으로 바꿔줄려면 POST를 GET으로 바꾸기만 하면 된다. 이렇게 받을 수 있다. 마찬가지로 GET으로 바꾸려면 POST만 GET으로 바꾸면 된다. 그렇다면 POST와 GET의 차이는 무엇일까? 용도를 놓고 보았을 때, GET은 값을 가져와서 보여줄 때 사용되고 POST는 값을 변경해야 할 떄 사용된다. 보안이 중요한 정보들을 전송할 때에는 거의 항상 POST가 사용된다. 그 외 다른 차이점들을 살펴보자면 1. GET은 보낼 수 있는 정보량(글자수)에 제한이 있..