본문 바로가기
반응형

전체 글158

자바 스크립트 객체생성 ● 객체란? ​ - 객체 (Object) 여러개의 데이터를 속성 & 값 저장 {} 객체를 감쌀때 ​ 1. 객체를 저장(객체 안에서 Arrow Function 사용불가) let person = { name : '박진우', subject : 'web', intro : function(){ console.log('안녕하세요 박진우입니다.') } } console.log(person) 결과 => ​ ** 객체 내에 객체 저장 let IoTClass = { cyk : { name : '최운규' }, mjh : { name : '문지환' } } console.log(IoTClass.mjh.name) 결과 => ​ ** 데이터를 볼때! {} => 객체 => 안에 접근 .(dot) [] => 배열 => 인덱스로 접근 .. 2023. 10. 18.
Vscode 자동 줄정렬, 줄맞춤 ● 사전순 정렬 먼저 사전순으로 줄 정렬입니다. 사전 순으로 정렬하고자 하는 영역을 선택하고 Shift + Alt + L를 누르신 다음 Shift + Alt + S 를 눌러 주시면 선택 전 스크린샷 선택 후 스크린샷 단축키 누른 뒤 스크린샷 위와 같이 사전순으로 정렬됩니다. ● 줄맞춤 정렬 줄 맞춤의 경우 영역을 선택하고 Crtl + K을 누르고 Crtl + F을 누르면 됩니다. 줄 맞춤 전 줄 맞춤 후 2023. 10. 18.
[오류 수정] Server is already running from different workspace. ● Live Server 오류 1. 비주얼 스튜디오 코드를 실행할 때 Server is already running from different workspace. 라는 오류가 뜰 때가 있다. ​ ​ ​ 2. 마우스 우클릭 → Stop Live Server 버튼을 눌러 주어서 켜져 있는 서버를 꺼주면 된다. ​ ​ ​ ● Live Server 사용법 vscode 도 live. server 기능을 사용할 수 있습니다. 동일한 기능을 하는 다른 에디터의 패키지 아톰 : http://recoveryman.tistory.com/302 브라켓 : http://recoveryman.tistory.com/139 웹스톰 : http://recoveryman.tistory.com/359 ​ live server 패키지는 .. 2023. 10. 18.
자바 스크립트, 함수 ※ 함수 ● 함수 나만의 믹서기를 만들어보자! 1. 반복되는 실행코드를 묶어서 실행 (재사용성) 2. 중복죄는 코드 최소화 ​ 1. 함수 선언 function hello(이름){ console.log(이름+"님 hello") } - () 어떤 값을 전달 받아올건지? 파라미터(인자)를 정의 - {} 실제로 어떤 코드가 동작하는지 코드 작성 결과=> 2. 함수 호출 hello('박진우') ​ - ** 매개변수를 통한 리턴함수 function addNum(숫자1,숫자2){ return 숫자1 + 숫자2 } console.log(addNum(2,3)) 결과=> ● 함수종류 함수이름('마라탕') 1. 함수 선언식 (Function Declations) 일반적인 프로그래밍 언어에서의 함수 function 함수이름(.. 2023. 10. 18.
자바스크립트 for each 문 , for in 문 , for of문 ● foreach 문 ▼ 내용 foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map,Set 지원) 배열의 요소들을 반복하여 작업을 수행할수 있습니다. foreach구문의 인자로 callback함수를 등록할수 있고, 배열의 각 요소들이 반복될 떄 이 callback 함수가 호출됩니다. callback 함수에서 배열요소의 인덱스와 값에 접근할수 있습니다. 배열의 첫번쨰부터 마지막까지 반복하면서 item을 꺼낼수 있다. var arr = ['가','나','다','라']; arr.forEach(function(item,index,arr2){ console.log(item,index,arr2[index+1]); }) //첫번쨰 인수는 배열의 각각의 item //두번쨰 인.. 2023. 10. 18.
자바 스크립트, 배열, 배열함수 ※ 배열 ​ ● 배열 => 대괄호 1. 배열의 선언 let num = [] let arr = new Array() 2. 배열의 생성 num = [1,2,3] arr = new Array(1,2,3) 배열안에 있는 값을 저장, 접근 => 인덱스 번호 배열의 전체 길이 => 배열이름.length ​ ● 배열 : 여러 변수를 하나의 묶음으로 다루는 것 1. 배열의 선언 let arr = [] let arr2 = new Array(10) ※ new Array(배열길이) ** 배열 길이를 설정했어도, 초과 가능 => 공간이 동적, 가변적 ​ ★★ 중요! 무조건! 배열의 선언을 먼저 진행 ​ 2. 배열의 생성 arr = [1,2,3] arr2 = new Array(1,2,3,4,5) console.log(arr2).. 2023. 10. 18.
반응형