WINK-(Web & App)/React.js 스터디 (126) 썸네일형 리스트형 [2025 1학기 React.js 스터디] 이승준 #2주차 ❤️반복문for문for (let i = 1; i 괄호 안 요소들(;으로 구분)변수 선언; 종료조건; 참일 시 블록 안의 코드 이후 실행할 것for (let i = 10; i > 0; i -= 2) { console.log(i);}continue & breakfor (let i = 0; i 10) break; // 루프 종료 console.log(i);} for ... ofconst myArray = ['한놈', '두시기', '석삼', '너구리', '오징어'];for (const item of myArray) { // 상수명은 자유 console.log(item);}배열의 요소를 순서대로 반환 (위 요소들 차례대로 출력)for ... inconst person1 = { name: '김철수', age: .. [2025 1학기 React.js 스터디] 한혜민 #2주차 반복문1. for문 기본 구조 for 문은 반복 실행을 위해 가장 널리 사용되는 구문입니다. 기본 구조는 다음과 같습니다. 초기화: 반복문이 시작될 때 한 번 실행되며, 보통 반복 제어 변수를 선언하고 초기값을 설정합니다.조건: 각 반복 전에 평가되며, true인 경우에만 반복 블록이 실행됩니다. false가 되면 반복문이 종료됩니다.증감: 각 반복이 끝난 후 실행되며, 보통 반복 제어 변수를 업데이트합니다. 2. 중첩 for 문 for 문은 중첩하여 사용할 수 있으며, 이를 통해 다차원 배열이나 구구단과 같은 복잡한 구조를 처리할 수 있습니다. 3. continue와 break 문 반복문 내에서 continue와 break 문을 사용하여 흐름을 제어할 수 있습니다.continue: 현재 반복을 종료하.. [2025 1학기 React.js 스터디] 이상래 #2주차 이번주도 화이팅 해보겠습니다.....💡반복문for문for (let i = 0;i 다른 언어와 비슷한 문법으로 사용for (let i = 1; i continue & breakfor (let i = 0; i 10) break; console.log(i)continue : 한 루프를 건너뜀 (4의 배수 건너뜀)break : 루프 종료 (10이 출력된 후 종료)for ... of & f or ... in 문const myArray = ['이','상','래'];for (const i of myArray) { console.log(i);}배열의 요소들을 사용const sangrae = { name: '이상래', age: 23}for (const key in sangrae){ cons.. [2025 1학기 React.js 스터디] 이서준 #2주차 반복문주어진 조건이 충족되는 동안 특정 작업을 반복해서 수행for(let i = 0; i 0; i -= 2){ console.log(i) // 10 8 6 4 2}continue & breakcontinue : 한 루프만 건너뜀break: 루프 종료for (let i = 0; i 10) break; // 루프 종료 console.log(i);}for … of문파이썬의 i in 배열과 같음배열 뿐 아니라 Iterable한 객체에도 사용 가능하다!const myArray = [1, 2, 3, 4, 5];for (const item of myArray){ console.log(item);}위에서 const item이 오류가 나지 않는 이유!블록 범위(block scope) 때문이다.const는 새로운 블록.. [2025 1학기 React.js 스터디] 이종민 #1주차 열심히 배워보겠습니다 !!!!!!! 나는 할 수 있다 아자아자 화이팅 !!!!!!! 콘솔console.log('출력 값');괄호 안에 출력할 내용을 입력하면 된다.타 언어의 print와 역할이 같다. 주석처리//저는 이종민입니다 이건 주석처리입니다컴퓨터를 무시하는 메시지코드를 비활성화하는데도 사용됨⚠️ varvar x = 1;var y = 2;console.log(x, y); 오늘날에는 사용하지 않음자바스크립트 초창기에 사용여러 문제점들을 갖고 있어 오류의 원인으로 작용ES6 버전 이후부터는 이번 강에서 배울 let 과 const 로 대체 let과 constlet : 변수 - 넣은 데이터를 바꿀 수 있음const : 상수 - 넣은 데이터를 바꿀 수 없음let a=1;const B=2; //상수는 보통 대.. [2025 1학기 React.js 스터디] 정채은 #1주차 버억버억킹 자바 스크립트란? 자바 = 인터프리터 언어 동적 자료형 객체 지향 콘솔과 주석 콘솔 : 출력값 입력 창 세미콜론 문장 뒤에 붙이기(여기선 필수는 ㄴㄴ), 문장 나누기 ? 같은거임 문장 끝났다 라는뜻 장점 : 쉼표 사용해서 한줄로 나타내기 주석: Ctrl + / 변수와 상수에 데이터 담기 var -> X let : 변수 - 변경 O const : 변수 - 변경 X 상수는 보통 대문자.주머니를 만드는 코드, 주머니 안을 채우는 코드 따로 만들수 있다 ! 이미 만든 주머니와 같은 이름 주머니 생성 x식별자 identifier 명명 규칙특수문자 : $ or _숫자 시작 X공백 X예약어 사용 X자료형 boolean : 참/거짓 typeof : 데이터.. [2025 1학기 React.js 스터디] 이가인 #1주차 1. 자바스크립트란2. 변수와 상수 선언3. 기본 자료형들과 연산자 4. 객체와 배열5. if/else 문 6. switch 문 자바스크랩트란 ...HTML과 CSS는 웹의 구조와 스타일을 담당하지만, 자바스크립트는 웹 페이지에 상호작용을 추가-> 브라우저에서 실행돼서 사용자 경험을 더욱 풍부하게 만들어 크롬에서 js의 코어 엔진을 브라우저 밖으로 추출해서 node.js를 만듦** node.js란?- 서버 측에서 JavaScript를 실행할 수 있도록 해주는 런타임 환경--> JavaScript를 웹 브라우저뿐만 아니라 서버에서도 사용할 수 있음 머신러닝, 백, 프론트엔드 모두 사용가능 자바스크랩트 특징 - 인터프리티 언어 (컴파일과정 거치지 않음), 버그 걸러지지않음- 동적 자료형 -> 자료형,.. [2025 1학기 React.js 스터디] 백채린 #1주차_진짜_최종 1. 자바스크립트는 어떤 언어인가요? 자바스크립트는 원래 웹사이트에 사용될 목적으로 만들어짐 HTML - 웹페이지에 각종 요소들을 '갖다 놓고'CSS - 이 요소들을 원하는 비주얼로 '꾸며'준다→ 기능이 제한된 '마크업' 언어→ 배치하고 장식하는 정도밖에 하지 못함 (사이트에 기능 X)→ '프로그래밍 언어'인 자바스크립트를 사용해야함 브라우저 ↔ 서버 - 사용자가 주소를 입력해서 웹사이트에 접속하면 HTML, CSS 코드와 함께 사용자의 컴퓨터로 다운로드되어서 브라우저들에 의해 실행되는 것이 자바스크립트 코드가 할 수 있는 전부였음- 이때까지만 해도 자바스크립트는 웹 개발자중에서도 사용자의 눈에 보이는 부분, 브라우저에서 HTML, CSS와 함께 실행될 코드를 담당하는 프론트엔드 개발자들이 전유물이었.. 이전 1 2 3 4 5 6 ··· 16 다음
