목록WEB DEVELOP/STUDY (13)
정구리의 우주정복
Omit : 객체 형태의 타입에서 특정한 프로퍼티들을 제외 시켜줌 ( 객체 에서 프로퍼티 를 제외 ) Pick : 객체 형태의 타입에서 특정한 프로퍼티들을 선택 해줌 ( 객체에서 프로퍼티 를 선택) Exclude : 여러개의 타입이 함께 존재하는 유니언 타입에서 특정 타입을 제거해준다 ( 타입 에서 타입 을 제외 ) Omit 특성 속성만 제거한 타입을 정의할 수 있다 (Pick 의 반대) // interface 생성 interface Food { hambuger : string; chicken : string; pizza : string; hotdog : string; } // Food 에서 hambuger 를 제외해준다 type WithoutFood = Omit // hambuger 을 제외한 나머지를..
div 태그를 input 태그처럼 사용하고싶어요div 태그에 내용을 직접 입력하는 input 태그 형태로 만들고 싶다면 contenteditable 을 사용하면 된다 내용내용은 input 태그의 value 라고 생각하면 된다 placeholder 를 사용하고싶어요div 태그에 아무리 placeholder 를 줘도 동작하지 않는것을 확인할 수 있다. 그럴땐 div 태그에 원하는 placeholder 를 적어주고 style 태그에 아래의 내용을 넣어주면 된다 이렇게 작성하고 css style 부분에 이렇게 적어주면 된다 ! [contenteditable]:empty:before { content: attr(placeholder); } 만약 contenteditable=‘true’ 이렇게 써줬으면 style ..
https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 우선 node 를 설치하자 이거 입력해서 결과 잘 나오면 잘 설치 된거다 그리고 vue 를 설치해주자 sudo npm install -g @vue/cli 이 명령어 사용하면 된다 이후 프로젝트를 하고자 하는 폴더로 이동한 후에 vue create 프로젝트명 을 적고 이거 설치하면 된당 만약 아래에 해당하는 에러가 나온다면 https://github.com/npm/cli/issues/5114 [BUG] npm incorrectly assumes existence of root-owned files on ..
내가 이해한거 바탕으로 적어본다 제네릭 사용하는 경우 : 다양한 타입들이 올 수 있는 경우에 사용한다 타입가드 사용하는 경우 : (is 사용하는거) 넓은 타입을 좁혀줄때 사용한다 ex) number | string 을 string 하나로 바꿔주고 싶다던지 extends 를 사용하는경우 : 부분집합임을 표현할 때 사용한다 ex ) filter(callback : (v: T) => v is S ) : S[]; S가 T의 부분집합임을 표현할 때 사용한다 interface Arr { forEach(callback : (item : T) => void):void; map(callback:(v : T) => S ):S[]; filter(callback : (v: T) => v is S ) : S[]; } const..
php 에서 for 문 사용법과 count() 를 사용해서 배열의 길이를 구해보자 for 문 사용법 사용 예시
우선 문서객체란 웹이 HTML 을 인식하는 방식 ! 더 간단하게 말하자면 HTML 을 추가하거나 삭제하는 기능이다주로 document 객체를 사용한다 ! //문서객체의 정리 window.onload=function(){ var header=document.createElement('h1'); //html 에 h1 태그 생성 var textNode=document.createTextNode("Hello World"); //textnode 생성 //아직 연결된 상태 아님 header.appendChild(textNode); //h1 에 textnode 를 연결 document.body.appendChild(header); //body 태그에 header 연결 document.body.innerHTML="여기..
1. 사용자에게 입력을 받아 입력이 숫자로 구성되어있는지 확인하는 함수 var input=prompt("숫자를 입력하세요"); function CheckNum(input){ result=Number(input); if(isNaN(result)==true){ console.log("숫자가 아닙니다"); } else{ console.log("숫자가 맞아요"); }} CheckNum(input); //isNaN 은 NaN이면 true 반환//NaN 이 아니면 false 를 반환한다. 만약 input 의 값에 숫자가 아닌 문자가 들어왔다면 그것을 Number() 를 씌운 result 에는 NaN 이 저장이 되게 된다 그래서 만약 isNaN() 안의 값이 NaN 이면 true 가 반환되어 숫자가 아니라고 나오는 ..
공부하다가 새로 알게된 인자값에 대해서 정리해볼거임만들려고 했던거1. 함수이름 : power매개변수 하나를 넣으면 제곱매개변수 두개 넣으면 첫번째 숫자를 두번째 만큼 제곱 function power(a,b){ if(b==null){ return Math.pow(a,2); } else{ return Math.pow(a,b); } } console.log(power(2)); console.log(power(5,4)); 제곱을 위해선 Math.pow(제곱할 수 , 몇번 제곱할건지) 를 사용해야한다 그리고 arguments.length 를 이용하면 매개변수의 개수를 알 수 있다고 한다. 따라서 입력을 하나만 받았을때 arguments.length==1 을 이용해서 분기문을 만들어주면 똑같이 동작 ! functi..