스파르타 (React_6기) 본캠프 68

24. 07. 31(논리연산자)

true / false 논리연산논리곱 연산자(&&) : 조건 중 하나라도 false이면 false = 모든 조건이 true여야 true논리합 연산자(||) : 조건 중 하나라도 true이면 true 나이가 18세 이상이고, 회원이어야 접근 가능let age = 25;let isMember = true;if( age>=18 && isMember===ture){console.log("접근 허용");} else{console.log("접근 불가");} //로그인 상태이거나 관리자여야 접근 가능let isLoggedIn = false;let isAdmin = true;if(isLoggedIn === true || isAdmin === true){console.log("관리자 페이지에 접근 가능");}else{c..

2024. 07. 30.(Git 기초특강 2)

1. 브랜치: 브랜치는 기존 데이터를 그대로 두고 수정한 데이터를 새로 저장하는 걸 말한다.git. branch (브랜치 이름)-> 생성되었는지는 git. branch를 검색하면 기존 파일과, 브랜치로 복사한 파일이 나온다.*q키로 빠져나올 수 있다. 그렇다면 새로 생성한 브랜치로 이동을 하려면 브랜치 이동명령어 : git swich (브랜치이름) orgit checkout (브랜치이름)둘 중 하나를 쓰면 된다. 브랜치를 만들고 바로 이동을 하려면git swich -c (브랜치이름)or git checkout -b (브랜치이름)을 치면 된다. *새로 생성한 브랜치에 수정된 사항을 저장하면 당연히 기존에 있던 파일인 main에는 저장이 되지않는다.협업을 위해서 다시 main으로 저장을 해야하는데,git s..

2024. 07. 29.(배열)

1. push : 배열의 끝에 추가한다.let fruits = ['사과', '바나나']fruits. push('포도')console.log(fruits);->  결과값으로 '사과', 바나나', '포도' 가 나온다. 2. pop : 끝의 배열을 빼준다.let fruits = ['사과', '바나나', '포도']fruits. pop();console.log(fruits);-> 결과값으로 ['사과', '바나나']만 나온다.->pop 함수를 실행하고 변수에 대입하면 빼낸 값을 반환한다.   빈 배열일 경우 undefiend를 반환한다 3. forEach = for문과 동일하다.for(i=0; iconsole.log(fruits);}-> 이걸 forEach로 바꾸자면,fruits.forEach(함수가 매개변수로 들..

2024. 07. 26. (걷기반 실습2)

* 문자열(str)과 숫자(n)을 매개변수로 받아 str을 n번 콘솔에 출력하는 함수인 repeatWord 함수를 완성해보세요.*function repeatWord(str, n) { ...}// 함수 실행....*조건repeatWord 함수의 내용을 채워주세요.인자 “hello”, 5를 넣어 repeatWord 함수를 실행시켜주세요.-> 처음에는 1. 반복문을 사용하여 n까지의 숫자를 불러낸다.2. 그 숫자들을 일일히 문자열로 변환을 시킨다.에서 숫자를 어떻게 일일히 다 문자열로 변환을 해야하는지 헷갈렸었는데 답은 의외로 간단하게 console.log(str)로 결과값을 지정해놓으면 어떤 숫자가 오든 str문자열로 출력되었었다.function repeatWord(str, n) { for (i = 0; ..

2024. 07. 25.(JavaScrip 기본 문법 정리 - 일급 객체로서의 함수)

일급객체(First-class Object) : 자바스크립트의 함수를 일컫는 말로, 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체이다. 1. 변수에 함수를 할당할 수 있다. 위의 말은 함수가 마치 값으로 취급되며, 함수를 나중에 사용될 수 있도록 조치가 할 수 있다.ex) const sayHello = fuction() { console.log("Hello!");};-> sayHello를 입력하면 "Hello!"라는 값이 나오도록 조치되었다. 2. 함수를 인자로 다른 함수에 전달할 수가 있다.function callFuction(func){func(); }callFunction(sayHello):-> 위의 함수를 매개변수에 넣을 수 있다. 2-1. 콜백함수 : 매개변수로써 쓰이는 함수...

2024. 07. 25.(JavaScrip 기본 문법 정리 - ES6)

ES6문법 : javascript의 버전 중 하나로, 2015년에 발표되었다.1. let(변수), const(상수) : 이전에는 var만 사용되었다.const는 재할당이 안되나, let은 재할당이 안된다는 점이 다르다.var는 선언도 다시 할 수 있으나 let, const는 재선언이 불가하다. 2. 화살표함수 (arrow function)var add = (x) => {return 1;};var add = x => 1; 3. 삼항연산자condition ? true인 경우 : false인 경우console.log(true ? "참" : "거짓"); -> 참console.log(false ? "참" : "거짓"); -> 거짓console.log(1 === 1 ? "참" : "거짓"); -> 참console...

2024. 07. 23.(JavaScrip 기본 문법 정리 - while문, break continue문)

1. while문while(조건){메인로직증감} ex) i를 1씩 증가시켜 0에서 10까지 출력하시오.       let i=0;      while (i      console.log(i);      i++      }ex) i가 3초과 100미만일때 5의 배수만 출력하시오.      let i=3;      while (i>100){      if(i%5===0 && i>=5) {      console.log(i)       }     i++;     }  2. do~while : do를 먼저 코드 실행 후 while 코드를 실행한다.let i=0;do{console.log(i):i++;}while (i > 10);-> 원래는 i가 0이므로 i > 10이 성립되지않아 출력되지 않아야하지만, do 코..

2024. 07. 23.(JavaScrip 기본 문법 정리 - for문)

1. for문for (초기값; 조건식; 증강식) {}ex) for (let i = 0; i console.log(+ i);}1) i 라는 변수는  0부터 시작한다.2) i 라는 변수는 10에 도달하기 전까지 계속된다.3) i 라는 변수는 한 사이클이 돌고 나면 1씩 증가한다. 배열에 적용도 가능한다.ex) const arr = ["one", "two", "three", "four", "five"];for (let i = 0; i console. log(i); -> 0~4console. log(arr[i]); -> one~five}-> 결과값으로 0, one, 1, two, 2, three, 3, four, 4, five 가 나온다.  2 for ~ in문 : 객체의 속성을 출력하는 문법let person..

2024. 07. 23.(JavaScrip 기본 문법 정리 - 배열)

1. 생성1-1. 기본 생성let fruits = ["사과", "바나나", "오렌지"];-> 순서가 0부터 시작된다. 1-2. 크기 지정let number = new Array(5);-> 크기가 5인 배열을 만들어 달라는 명령어 2. 요소 접근console.log(fruits [0]);-> fruits 객체의 0번째 즉 "사과"가 출력된다. 3. 배열 메소드3-1. push : 제일 마지막에 값을 추가fruits. push("값")-> fruits. 제일 뒤에 "값"을 추가시킨다. 3-2. pop : 제일 마지막 객체 삭제fruits. pop();-> fruits. 안에 있는 객체 중 제일 마지막 객체를 삭제시킨다. 3-3. shift : 제일  첫번째 객체 삭제fruits. shift():-> frui..

2024. 07. 23.(JavaScrip 기본 문법 정리 - 조건문)

조건문 - if, else if, else, switch1. if문if(true or false가 나올 수 있는 조건) {true 일 경우 실행이 된다.} 2. if~else문if(true or false가 나올 수 있는 조건){true 일 경우 실행되는 함수} else {false 일 경우 실행되는 함수} * if ~ else if ~else 문if (조건1) {main logic #1} else if (조건2)main logic #2} else {main logic #3} -> 조건 1에 해당되면 main logic #1이 실행되고, 조건 2에 해당되면 main logic #2이 실행된다.      조건 1,2 둘다 해당되지 않을 경우 main logic #3 함수가 실행된다. 3. switch : ..