콛 다이어리

Template Literals 변수와 표현식을 문자열 안에 쉽게 삽입할 게 해주는 문법백틱(`) 문자열을 여러 줄로 작성하는 목적으로도 사용됨const customer = { name: "인스피릿",    }; const item = { name: 스타크래프트 리마스터 카툰팩"; price: 50, };console.log("감사합니다. " + customer.name + "님!"); // 감사합니다. 인스피릿님! console.log("감사합니다. " + customer.name + "님!" +  item.name + "을(를) +  item.price + "원에 구매하셨습니다."); // 감사합니다. 인스피릿님! 스타크래프트 리마스터 카툰팩을 50원에 구매하셨습니다. console.log(`감사합니..

Keep - 현재 만족하고 있는 부분1. 바닐라 자바스크립트로 코딩한 부분2. 팀원들과의 피드백 및 소통이 잘된 부분- 서로 예쁜말 사용한 것- 계속 같은질문 했는데도 화내지 않고 끝까지 차근차근 알려준 게 너무 고마웠다.3. 어려워도 포기하지 않고 끝까지 노력하는 모습4. 코드를 세부적으로 모듈화하여 깃허브 충돌없이 원활한 프로그래밍이 가능했던 부분Problem - 불편하게 느끼는 부분1. 진행 상황에 대한 공유가 다소 미흡했던 부분2. 코드 리뷰를 하지 못해 서로의 코드 및 구현 기능을 제대로 알지 못한 점3. 컨벤션이 잘 지켜지지 않은 점Try - Problem에 대한 해결책, 당장 실행 가능한 것1. 팀 룰을 조금 더 세부적이고 자세하게 계획한다2. 깃허브 규칙을 수정하여 코드리뷰를 작성하도록 한다

html에서 js파일 연결하는 방법  다른 js파일에서 함수 호출하는 방법:    1) 내가 사용할 js파일에 import { 함수명 } from "파일경로";    2) 가져올 함수명 앞에 export를 입력한다ex)내가 movie.js파일에서 movieInfo라는 함수를 가져오고 싶으면,main.js 파일에 가서 import { movieInfo } from "./movie.js"; 를 입력하고movie.js 파일의 movieInfo 앞에는 export를 입력하면 된다.   api 호출하는 방법 (api는 비동기 ↓)(특정 코드가 끝날때 까지 실행을 멈추지 않고다음 코드를 먼저 실행하는 것)API: (Application Propramming Interface): 소통하기 위한 접점 앱이 프로그래밍 ..

나는 깃을 잘 사용할줄 모른다.그래서 팀원들이 깃에 푸시하고 풀 해달라고 했을 때기존 파일에서 작업을 끝내면최종 파일에 복사 붙여넣기를 하겠다고 했다.모르면 물어보고 자꾸 부딫혀봐야 하는데 피했다. 오늘 팀원들이랑 회의를 하는 도중에나중에 코드를 복붙하면 오류가 날 수 있다고 했다.바로 깃 풀해서 파일을 받아서코드를 입력했다.근데!!! 깃 푸시를 하려니 또 안된다..오늘 안에 올리기로 약속을 해서 팀원 도움을 받기로 했다.깃 사용도 할 줄 모른다고 생각하면 어떡하지?챙피했지만 다른 방법이 없었다. 근데 예상 외로 너무 잘 알려줬다..이 깃 명령어가 뭔지, 언제 써야하는지,여기서 뭐 하는지, 어디로 가야 하는지,뭘 눌러야 하는지까지 정말 세세하게 알려줬다.너무 고마웠다..덕분에 깃 명령어에 대해서 좀 더 ..

배열 API요소는 어떤 형태든 상관 없음[ ].로 접근배열 변수. 로 접근할 수 있음 요소 추가pop( ) 마지막 요소 리턴push( ) forEach 배열.forEach(콜백 함수()) for문과 비슷콜백 함수의 매개변수에는배열의 각 요소가 차례로 할당됨매개변수의 이름은 뭐든 상관 없음(1) forEach는 배열의 메서드(2) 이 배열 메서드는 매개변수를 가짐(3) 매개변수는 (콜백)함수(4) 콜백함수는 매개변수를 가짐(5) 매개변수에는 호출의 주체가 됨배열의 각 요소가 차례로 할당됨아웃풋이 없음배열을 내보냄 map배열.map(콜백함수())값을 변경해서 반환return값이 있음 filter배열.filter(콜백함수())return문에 filter의 조건을 넣음return true;는 모두 true로 반..

검색어에 맞는 영화를 출력하는 기능을 맡았다.평소 텍스트 박스를 사용하면서편했던 기능들과 이런 기능은 넣지 않았네?싶었던 기능들이 있어서 내가 직접 넣어보기로 했다. 그 기능들은1. 특정 문자 입력 제한 함수 만들고 텍스트 박스 공란 설정특정 기호를 입력하면 컴퓨터의 성능 저하를 유발할 수 있다고 한다. 2. 검색창이 빈칸일 때 검색 버튼을 클릭하면 alert( )창을 띄우기 3. 검색창이 빈칸인 상태에서 엔터를 치면 alert( )창을 띄우기 4. 입력한 단어를 포함하는 영화가 없을 때 alert( )창을 띄우고 공란 설정   갯수도 별로 안되고 쉬운 것 같은데 잘 안된다..하다가 막히면 공부하고.. 모르면 또 찾아보고 공부하고..그래도 어제보다 나아지는 것 같아서 뿌듯하다 (>_

▶ 알고리즘: 컴퓨터가 문제를 해결할 수 있도록 절차나 방법을 자세히 설명하는 과정 초등학생 천명과 축구선수 3명이 축구 대결을 한다. 초등학생의 경우 인원이 훨씬 많지만 비효율적으로 움직이고 있기 때문에 한계가 있다. 비슷하게 컴퓨터는 작업 성능은 우수하지만 정확한 명령이 없으면 일을 효율적으로 하기 힘들다.개발자는 컴퓨터가 효율적으로 동작하도록 명령을 내려야 하고 이 때 필요한 것이 알고리즘이다. ▶ 문제푸는 방법: 3문제를 2시간 1문제 ~ 5문제  ▶ 도움되는거: 좋은 코드, 자바스크립트 학습에 도움

반복문 (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:변경 사항을 원격 저장소에 푸시