콛 다이어리

반복문 (for문)for (let 변수 = 시작조건; 종료조건; 증감식;) {// 로직} 조건문 (if문)1. if - else문if (조건) {// 참일 경우 로직} else {// 거짓일 경우 로직}2. if - else if문if (조건) {// 참일 경우 로직} else if (조건){// 참일 경우 로직}3. if - else if- else문if (조건) {// 참일 경우 로직} else if (조건){// 참일 경우 로직}else {// 거짓일 경우 로직}

git branch 브랜치명:브랜치 생성명령어git branch:브랜치 확인명령어 q:빠져나가기 git switch 브랜치 이름:브랜치 이동git checkout 브랜치 이름:브랜치 이동 명령어가 두 개인 이유:checkout이 먼저 생겼는데 checkout이 애매했음. checkout이라는게 다른 용도, 과거의 코드로 돌아간다는버전 이동이라는 뜻도 있음즉, 혼란을 느껴서 git switch가 생김  git switch - c:브랜치 이동 git checkout -b 브랜치명:브랜치명을 만들고 그 브랜치명으로 전환 새로운 브랜치에서 코드 수정git add .git commit -m "" 브랜치에 짠 코드를 main에 옮기기git switch 최종 브랜치이름 maingit merge 합칠 브랜치 이름   ..

git init:git 초기화 (이미 한 경우 생략 가능) → git add .: 파일 추가  → git commit -m "": 커밋(" " 사이에는 메모 입력)  → git remote add origin url:원격 저장소 추가 (url은 본인 깃허브 주소) → . git push -u origin master 또는 main:변경 사항을 원격 저장소에 푸시

연산자+더하기 연산자우선순위는 문자열console.log(1+1); // 2console.log(1+"1"); // 11 -빼기 연산자우선 순위는 숫자console.log(1 - "2"); // -1console.log(1 - 2); // -1 *곱하기 연산자우선 순위는 숫자console.log(2*3)  // 6console.log(2:*3); // 6 / 나누기 연산자console.log(4/2); // 2console.log("4"/2); // 2  %나머지 연산자나누기 연산자 (/) vs 나머지 연산자 (%) console.log(5/2); // 2.5 console.log(5%2; // 1 등호연산자 (=) let x = 10; 더하기 등호 연산자(+=)x += 5;x = x+5와 같음 빼기 등..

숫자 (정수)let num = 10;console.log(10);  // 10 console.log(typeof num);  // number실수 (float)let num2 = 3.14; console.log(num2); // 3.14 console.log(typeof num2); // number 지수형(Exp)let num3  = 2.5e5; console.log(num3); // 250000 console.log(typeof num3); // number NAN(: Not a Number)let num4 = "Hello" / 2; // NAN Infinity: 무한대let num5 = 1 / 0; console.log(num5); // Infinity console.log(typeof num5);..

콘솔 보는방법: 상단 Terminal → New Terminal → node 파일명 입력 콘솔창 모두 지우는 방법: clear 입력  주석사용 방법: //코드를 처리하지 않음 변수값을 메모리에 저장 및 읽어들여서 재사용 변수명:저장된 값의 고유 이름 변수의 값: 변수에 저장된 값 변수 할당: 변수에 값을 저장하는 행위 변수 선언:변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조:변수에 할당된 값을 읽어오는 것 변수를 선언할 수 있는 세가지 방법varletconst

프로그래밍 언어0과 1밖만 아는 컴퓨터에게 대화를 시도한 방법브라우저 동작 스크립트 언어크롬, 마이크로소프트 엣지 객체지향 프로그래밍이 가능객체를 생성하고 관리하는데 강점이 있음복잡한 기능 구현 가능 객체지향절차지향묶어서 처리순서대로 처리한 번에 묶어서 처리(함수를 객체라는 그룹으로)(객체는 상태와 행동을 가지고있으며 상태는 객체의 속성(프로퍼티(property)라고도 함)첫번째 일 처리 후 두번째 일 처리재활용 가능-      프론트앤드(FrontEnx) + 백앤드(BackEnd) + 디비(MongoDB) = 풀스택(FullStack) UX (User Experience)사용자 경험사용자들이 얼마나 프로그램을 사용하는가

변수데이터 저장 공간사용하는 방법: 적절한 변수 이름 = 할당해 줄 데이터; 1. 암시적 선언자바스크립트에서 제공하는 변수 선언 키워드 (var, let, const)를 사용하지 않고 선언하는 것- 권장하지 않음 2. 명시적 선언자바스크립트에서 제공하는 변수 선언 키워드 (var, let, const)를 사용하여 선언하는 것   var초창기 변수 선언 키워드변수의 중복 선언/ 재정의 가능대규모 프로젝트 시, 위험성이 발생할 가능성이 높음같은 프로젝트를 진행하는 개발자 A와 B가 있다.개발자 A가 var 키워드로 num변수를 사용했는데B개발자가 var 키워드로 똑같은 num 변수를 재정의를 했다.... var num1 = 5; console.log(num1); // 5 var num1 = 10; conso..

html에서 의 부모를 생성한다.                            내가 만들 태그의 위치 -->                      → 자바스크립트에서 를 생성한다.const card = document.createElement('div');let imgTag = document.createElement('img'); imgTag.src= `https://image.tmdb.org/t/p/w300${movie.poster_path}`; card.innerHTML = `${movie.original_title}`; card.appendChild(imgTag);  movieContainer.appendChild(card); →  css 설정/* 영화 목록 전체 div */.movie-con..

1. 아이디 한글입력 방지// 아이디 텍스트 박스에 한글 입력 방지// 입력 방지할 문자열 종류 선택const korean = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;// 입력 요소 선택const idTbx = document.querySelector('.login-id_Tbx');idTbx.addEventListener('input', funtion() {    if (korean.test(idTbx.value)) {        // 한글을 제거        idTbx.value = idTbx.value.replace(korean, ' ');        alert('아이디에는 한글을 입력할 수 없습니다.');   }});   2. 비밀번호 암호화 .클래스명 {                           -..