728x90 반응형 분류 전체보기407 훈훈한 Javascript (12) 질문 Q: 5:29 대에서 숫자 0이 i에 들어가고 0 번째 인덱스 값을 가진 요소 1을 갖고 올 수 있고, 코드 실행해주고 i(0)이 1 증가되니 arr.length = 길이가 5 니까 i < 5 를 조건식으로 해석해서 i[0] ~ i[4] 까지 인덱스를 기준으로 출력하므로 (arr[0] ~ arr[4] 를 의미한건데 잘못 표현) 1,2,3,4,5 가 출력 되는게 제가 맞게 이해한 걸까요? A: Q: for ( let i = 0; i < timeKeys.length; i = i + 1 ) { console.log (timeKeys[i]) } 에서 timekeys도 배열이고 똑같이 길이(length) 갖고 있으니까, 길이만큼 반복 하는 거니까 ( 길이 =4 ), timeKeys[0] timeKeys[1] ti.. 2023. 9. 11. 훈훈한 Javascript (7) 질문 Q: const counterMaker = function () { const targetDateInput = dateForMaker(); console.log(targetDateInput); 이 부분에서 console.log(dateForMaker()); 을 사용함으로서 dateFormat 데이터를 호출했는데, 왜 괄호안에 변수명(dateFormat)을 쓰지않고 함수명(dateForMaker)을 적어준 것이 헷갈려요.. 원래 return 시킨 변수명을 쓰는게 아니라 함수명을 적는건가요? A1: A2: 2023. 9. 6. 훈훈한 Javascript (13) 6. for - of 와 for - in = 객체 in 에다가 객체 이름 적어준다. key 라는 걸 console.log로 확인해보니 documentObj의 key 값들이 빠져나오는 걸 확인할 수 있다. for - in 문은 객체에 사용해줌. 반복문 안에서 사용할 객체(documentObj)를 in 뒤에다가 적어주면 된다. 변수를 선언하듯 let 을 써주고, 뒤에 key를 받아옴 ( key 에 담겨져 있던 것들은 주어진 객체안에 있는 프로퍼티의 키. ) ( let key in documentObj ) = documentObj 객체에 있는 프로퍼티들의 키들을 key 라는 변수로 받아오는 것 실제로 let 옆의 key 는 변수 a 라고 명칭을 바꿔도 변수의 역할을 .. 2023. 9. 4. 훈훈한 Javascript (12) 3. 반복문이란? 가장 앞에 있는 식 = 최초식 => 반복문에서 반복의 기준이 됨. 여기서 선언되는 변수는 for 문 안에서만 사용 가능. 함수에 갇힌 것처럼 바깥에서는 참조할 수 없음. 조건식 증감문 0 + 1 을 해서 i 에 재할당. 4. for 문과 while 문 for 문과 달리 최초식이 바깥에 작성됨. 조건식 증감문이 중괄호 안에 들어가게 된다 i 재할당 해준다. - while 문 주의사항 - status 가 true 인 경우, 계속 반복하도록 만들어놓음 i는 계속 증가하게된다. 계속 반복돼서 증가하게 됨. (메모리 과부화) i가 10보다 크면 false 라는 조건문 추가해줌 5. 반복문을 활용한 날짜 데이터 리팩토링 반복문 활용해주기 timeKeys에 Object.keys 사용.. 2023. 9. 4. 훈훈한 Javascript (11) 1. 스크립트 태그의 위치 디데이를 입력해달라는 동작 시행하기 디데이를 입력하지 않았을 때, 디데이 입력하라는 메시지 받도록 하기 querySelector 을 이용해서 태그 자체를 받아오기 태그 자체만 갖고오게 됨. textContent의 사용 - 갑자기 안녕하세요 택스트 생김. = 해당 태그의 내부에 직접 텍스트를 추가해줄 수 있는 기능. 버튼을 누르면 텍스트가 뜨게 됨. 근데 페이지 접속하자마자 텍스트 뜨게하려면 다른 방법 써야한다. 브라우저가 원래 html 파일을 한 줄 한 줄 해석을 하는데 script 라는 것을 만나게 되면 해석하던 것을 중단하게 된다. 그리고 html 해석하던걸 중단하고 자바스크립트 파일을 먼저 해석하게 됨. 자바스크립트 파일을 다 해석을 하면 html 파일을 .. 2023. 9. 4. 훈훈한 Javascript (10) 6. 조건문과 논리연산자 - 조건문 - 조건식이 true 를 리턴하면 괄호 안 조건식이 실행. 조건식 예시 dot notation을 사용해서 객체에 접근. 객체에 접근해서 출력. 객체 또한 비교연산자를 사용해서 조건식을 통과할 수 있다. 예시 변형 코드를 스킵하는게 아니라, 또 다른 코드를 실행. user.name==="Peter" 조건문을 통과하지 못하는 경우 else 코드 실행 이렇게 코드를 짜면 Peter 도 your not a member 메시지를 출력받게 된다. else 에 if 를 하나 더 붙여서 조건 생성 피터 가 아니라면 제이슨 조건 문도 확인해준다. Jason 맞다면 HI Jason 출력 근데 아니라면 마지막 문 실행 - 논리연산자.. 2023. 9. 3. 훈훈한 Javascript (9) 1. vscode 세팅 prettier 설치 live server 설치 2. localhost란? 컴퓨터 주소 아이피 주소로도 사용. 두 개가 서로 같은 것 아이피 주소를 도메인으로 변환해주는 것 = DNS 127.0.0.1 을 localhost로 변환. 자세한 주소 = IP 주소 간단한 주소 = 도메인 도메인 옆 숫자의 의미 = 포트 번호 - live server 가 사용하기 위해서 설정해 둔 번호 3. D-Day Counter HTML 구조 완성 span 태그 사용 이유 div 태그 3개 생성 div*3 + tab div 3개 만들어 줄 건데 각각의 div 안에는 span 태그가 2개씩 만들어져야 한다는 뜻 = div*3>span*2 - 태그들 크기 줄여주기 - size 속성 사용 4.. 2023. 9. 2. 훈훈한 Javascript (8) 8. 함수 선언의 종류 변수에 함수를 할당해주는 형식 function을 먼저 적어주고 뒤에 함수의 이름(sum)을 적는다. 표현식과 달리 선언문은 키워드가 동반되지 않고, 호이스팅의 영향을 받는다. 호이스팅: 위로 끌어 올려지는 것. 브라우저가 자바스크립트를 해석하는 과정에서, 선언문으로 작성된 함수는 원래 선언된 위치가 아니라, 위쪽으로 이렇게 끌어올려지게 됨. 표현식은 그렇게 되진 않는다. 선언문으로 작성된 함수는 그래서 함수가 아직 정의되지 않았음에도 불구하고 이미 선언된 것 처럼 표현됨. sum() 실행 가능 코드 작성 스타일에 따라 사용 메소드에서 자주 사용 2023. 9. 1. 훈훈한 Javascript (7) 7. 함수의 리턴 모든 함수는 반환이라는 동작을 수행할 수 있음. 반환 명령어: return 함수 내부에서 건내주는 데이터를 함수 밖에서도 받을 수 있게 된다. 함수가 result 라는 변수 데이터를 return 해 준다면, 함수를 실행해주게 되면, result 데이터를 밖에서도 참조(출력/데이터확인)할 수 있게 된다. 함수를 호출 - result 데이터 확인 가능 console.log 안에 입력해서 바로 확인해볼 수도 있음. returnData 라고 하는 특정한 변수에 함수(sum)를 담아주게 되면, 그 변수(returnData)에 return 된 데이터(20) 이 담기게 된다. return 명령어는 데이터를 반환해주는 것 말고도 함수를 종료시켜준다. sum 이라는 함수를 실행할 때 r.. 2023. 8. 31. 이전 1 ··· 31 32 33 34 35 36 37 ··· 46 다음 728x90 반응형
