🙿🙿🙿🙿🙿🙿🙿🙿🙿🙿🙿🙿

* 반복문 - 시간의 순서에 따라 실행되다가 어떤 조건에 따라서 반복적으로 실행되는 것. - 반복문은 함수가 아니라서 끝날 때 ; 을 붙이지 않음(예외도 존재) * While - 조건이 참일 경우 소스코드를 반복 실행 시킴 - 통상적으로 끝이 정해지지 않은 반복을 돌릴 때 사용(서버 돌리거나, 무한정 대기처럼 종료 시점이 불분명할 때) - ()안에는 boolean 데이터 타입이 들어오고, {} 안에 있는 내용이 반복적으로 실행됨. - for문과 치환 가능. - while문 안에서는 변수 선언이 불가능하기 때문에 그 전(바로 윗줄)에 선언. * For - 일정한 횟수만큼 반복하여 코드를 실행하는 구문 - 형식은 아래와 같은데 if문처럼 콜론문법, 짧은 문법 사용 가능. - 시작값을 대입해서 조건식이 참이면..

* php의 데이터타입 - Boolean: true 또는 faslse로 나타나는 2개의 php의 데이터 타입 - integer: 숫자(정수) - string: 텍스트의 데이터 타입 * 비교연산자(php Comparison operators) - 좌항의 값과 우항의 값을 비교해줌 var_dump(1==1);//bool(true) var_dump(1==2);//bool(false) var_dump(1>1);//bool(false) var_dump(1>=1); //bool(true) * var_dump() - 해당 인수의 자료형과 값(문자열의 경우 길이)반환 - 입력값을 출력해주는데 그 입력값의 데이터 타입도 같이 알려줌. 개발하는 과정에서 유용함. var_dump(11);//int(11) var_dump('..

* url 파라미터 ,,, ? - php라는 웹 애플리케이션이 url을 통해서 입력값을 전달받고 출력하는 방법 - ? 이후에는 url 통해 data를 전달하는 역할 - 애플리케이션의 입력값을 url 통해서 줌 -> 그 url에 따라서 php 애플리케이션은 echo라고 하는 출력 명령어 통해 나옴. 안녕하세요. 에 사시는 님 - [] 는 배열에 해당 - $_GET 이라는 약속된 문구를 이용해 url에 들어온 정보를 입력받음 - url에서 지역을 표시할 때는 /~.php?name=egoing&address=서울 일 경우 -> "안녕하세요. 서울에 사시는 egoing님" 으로 출력됨. - & : 입력값을 구분할 때 사용하는 구분자 * 함수의 사용과 활용 - 함수: 괄호 안으로 입력이 들어오면 함수가 내부적으로..

- PHP는 동적, HTML은 정적 - php는 시작 으로 마무리. - 웹에서는 php 파일을 받으면 자신이 처리할 수 없음을 알고 php 프로그램에 위임. 그리고 php 문법에 따라 해석한 뒤 그 결과만 html로 만들어서 보내줌 - 코드 실행시킨 뒤 소스코드 보기를 눌러서 보면 php가 안 보이고 html로 바뀌어 남아 있음. - 출력은 echo, print 이용 * php는 어떤 데이터 타입을 지원하는가? - 숫자 : php는 숫자 연산 가능함. 사칙연산은 다른 코드와 동일하게 +, -, *, / 사용 integer 정수 / float 부동소수점(소수점이 있는 실수) - 문자 : string * 문자열 다루는 방법은? - ' ' , " "를 사용해서 string을 표현. 반드시 짝을 맞춰야 함. -..

바닐라js 이용해서 만드는 momentum (근데 이런게 있다는걸 배우면서 알았음 ㅎ,,)에서 수정할 부분과 넣고 싶은 기능에 대해서 혼자 정리해보는 타임,,, 일단 대략적인 부분 컨셉은 지금 계절에 맞게 크리스마스와 연말 느낌? 겨울에 맞게 배경화면을 적용했다 틀은 어느정도 완성하였고 css 수정하다가 충돌난 부분까지 어제 밤에 오류 고쳤다! 아주 사소한 나의 실수였음을,,, 1. to do list 부분 형태를 잡아주기 - 일단 line-height를 이용해 간격 잡고나서 전체적인 외과글 잡아줄까 싶다. 글자가 더 눈에 잘 들어오게 백그라운드 흰색으로 하고 투명도 조절할 생각! 2. button 태그 커스텀하기 - 우선 트리 이모티콘 넣어두고 cursor를 pointer 적용까지 해두었다 아마 간격과..

* Generator: 함수의 실행을 중간에 멈췄다가 재개할 수 있는 기능. function 옆에 *을 쓰고 내부에 yield 키워드 사용하는데 yield 에서 함수 실행을 멈출 수 있음. Generator 함수를 실행하면 generator의 객체가 반환됨. 제너레이터는 다른 작업 하다가 다시 돌아와서 next() 해주면 진행이 멈췄던 부분부터 이어서 실행 - generator 객체는 next(), return(), throw() 메서드를 가지고 있음 * next를 호출하면 가장 가까운 yield 1을 만날때 까지 실행되고 데이터 객체 반환. function* fn(){ console.log(1); yield 1; console.log(2); yield 2; console.log(3); console.l..

* async, await를 사용하면 프로미스의 메인 메소드를 체이닝 형식으로 호출하는 것보다 가독성이 좋아짐. * async: 항상 프로미스를 반환 async function getName(){ return "Mike"; } console.log(getName()); - 함수를 호출하고 then을 사용할 수 있음 async function getName(){ return "Mike"; } getName().then((name)=>{ console.log(name); }); //Mike - 만약 반환 값이 Promise면 그 값을 그대로 사용 async function getName(){ return Promise.resolve("tom"); } getName().then((name)=>{ console..

* 프로미스(Promise): - new Promise로 생성, 함수를 전달받는데 여기서 인수는 resolve와 reject에 해당. resolve는 성공한 경우, reject는 실패했을 때 나타나는 함수. => 이렇게 어떤 일이 완료되어 실행되는 함수를 '콜백(callback)함수'라고 함. -new Promise 생성자가 반환하는 프로미스 객체는 state와 result를 프로퍼티로 받음 state : pending(대기) / result: undefined state는 초기에 pending이었다가 resolve(value)로 호출( 즉, 성공하면)되면 state: fulfilled(이행됨) / result: value 가 됨. (이때의 result는 resolve 함수에서 전달된 값.) 만약 rej..

* class: ES6에 추가된 스펙. class라는 키워드를 사용하고 내부에 constructor가 있음. new를 통해서 호출하면 자동으로 실행됨. - class에 있는 constructor 부분은 객체를 초기화하기 위한 값으로 인수를 넘겨받을 수 있는데 여기서는 name과 age가 만들어짐 - showName처럼 클래스를 정의한 메서드는 User2의 프로토타입을 잘라냄. const User = function(name,age){ this.name = name; this.age = age; this.showName = function () { console.log(this.name); }; }; const mike = new User("Mike",30); class User2 { constructor..

* hasOwnProperty: 객체에는 자신이 프로퍼티를 가지고 있는지 확인할 수 있는 메서드. true/ false로 결과 알려줌. (개발자 도구 이용해 확인) const user ={ name:'Mike' } undefined user.name 'Mike' user.hasOwnProperty('name') true user.hasOwnProperty('age') false console 창에서 usr 입력하고 name: "MIke" 에서 화살표를 누르면 __proto__: Object 라는 객체가 있음 -> 프로토타입 * 프로토타입: 숨겨진 프로퍼티. 객체에서 프로퍼티를 읽으려고 하는데 없으면 __proto__에서 찾음. 이를 이용해 중복 코드를 줄일 수 있음. - 만약 hasOwnProperty가..