HYEWON JUNG의 개발일지

오늘의 목표 검색기능 구현하기 코드 리뷰 보고 코드 수정하기 오늘의 개발, 새롭게 알게된 것 undefined 오늘의 목표 도달 오늘 몸 컨디션이 좋지 않아서 진도를 많이 빼지 못했다. 오늘의 코드 평가 및 느낀점 null

오늘의 목표 카드에 api정보 넣기 -> 구글링 하다가 안되면 튜터님 찾아가기 페이지 재배치 -> 카드들을 묶어서 하면.. 한 그리드에 모든 카드가 들어감. 오늘의 개발, 새롭게 알게된 것 드디어 넣었다.. 인터넷의 도움을 너무 많이 받았고 완전히 거의 복붙이지만.. 해냈으.. 하고 나니까 첫 프로젝트에서 했던 getDocs랑 거의 똑같았다. jQuery가 빠진 차이 정도. ↓↓↓첫 프로젝트에서 DB정보를 카드에 대입↓↓↓ let docs = await getDocs(collection(db, "firstteam")); docs.forEach((doc) => { let row = doc.data(); let name = row['name']; let comment = row['comment']; let ..

오늘의 목표 혼공스 끝내기 퍼블리싱 책 보고 css 참고해보기 자바스크립트 들어가기.. => 데이터 끌어오기, 카드에 대입하기 사이드에 입력창과 카드 추가하기 => 새벽에 하자 오늘 코드 고치기=> 기능 구현 때 다 무너지는디/.. 오늘의 개발, 새롭게 알게된 것 없어... 요... 다 실패 했어.. 요.. 한 거 전체 중앙 정렬 했다.. 정도 justify-content: center; 새롭게 알게된거.,, 난 제이쿼리 없이는... 쓰레기ㅑ.. 스크립트 들어가려면 우선,, api를 넣어야한는데 가져와서 결과를 콘솔은 했음.. 근데 그걸 가져와서 어떻게 쓰는지..? 방금 얘기하다가 뭔가 깨달은 것 같아서 다시 갔다가 실패하고 옴.. 그 대량 선언 느낌으로 해야하나..? db에서 가져 올 때 처럼..해봣는..

강의 1주차 다음부터는 정리하기에 설명할 수 있을 정도의 이해도가 되지 않아서인지 몇시간동안 부여잡고 있어도 깔끔하게 정리가 안되길래 차라리 프로젝트를 하면서 정리를 하는 것이 더 효율적일 것 같다고 생각했다. 개인 과제를 내일부터 하려다가 html이랑css는 오늘 갑자기 삘이 와서 해버렸다. 우선 오늘 치 결과 과제 조건 중에 '순수 바닐라 자바스크립트로만 코드를 짜라' 랑 노 부트스트랩이 있는데 좀 재밌긴 했다. 내가 오늘 중점적으로 구현하려 한것 검색 input과 butten 구리지 않게 하기! ->다른 사이트거 훔쳐보자 카드 정렬 (3장씩 나열) -> 우선 flex로 양 사이드 공간 확보해두기 (시간 남으면 뭔가 추가하려고) ->div로 만들어놓기 헤더 만들어보기 카드는 1 movie name m..

1. 구조 분해 할당(Destructuring) 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게함 객체의 경우 let user = {name: "nbc", age: 30}; let {name, age} = user; // 아래랑 같은 뜻 // let name = user.name; // let age = user.age; console.log(name, age) // nbc 30 // 새로운 이름으로 할당 let {name: newName, age: newAge} = user; console.log(name, age) // ReferenceError: name is not defined console.log(newName, newAge) //nbc 30 let {name, age, birt..

하루종일 적은 걸 날렸다. 1데이터 타입 1-1 숫자 정수형 10 실수형 3.14 지수형 2.5e5 NaN "hello"/2 Infinity 1/0 -infinity -1/0 (1)숫자 변환 +를 제외한 연산자 Number(); 를 이용한 변환 1-2 String ex) let str = "hello"; let str2 ="world"; 길이 확인 length str.length 자르기 substr str.substr(2,3) //"llo" > (n번째 부터, m개) 결합 concat let result = str.concat(str2); 자르기 slice str.slice(2,3) //"l" > (n번째 부터, m번째까지) 대체 replace let result = str.replace("e","a")..