뉴히의 개발 로그

지난 한주는 개인 프로젝트를 진행하고 제출하며 마무리했다. 그리고 + 새로운 팀프로젝트! 가 시작되었다. Keep | 다음 프젝에도 유지했음한다 개인프로젝트 지만 같은 과제를 진행하며 팀원들과 함께 여러의견 나누면서 공유하면서 작업 모르는 부분 서로 묻고 답해주고 같이 고민해보기 안되는 부분은 다양한 방법으로 접근해보기 Problem | 이번프젝 문제점/해결방안 API에서 필요한 데이터 가져오기 필요에 따라 함수, 메서드 다양하게 사용해 보기 Try | 다음 플젝을 위해 할 노력 어느 상황에 어떤 함수나 메소드를 사용해야하는지 공부하기 알고리즘 조금씩 꾸준히 공부하기 Feel | 이번 프로젝트를 통해 느낀점 갈길이 멀구나 ㅎㅎ 그래도 함께 팀원들하고 얘기하면서 배우는게 많은! 팀원이 있으면 정말 좋다 좋..

새로운 팀 프로젝트를 위해서 git pull 하기위해서 새로운 repository를 연결하고 pull하려고하니 fatal: couldn't find remote ref master 오류가 떳다 원인은 github의 기본 생성 브랜치이름과 달라서 뜨는 오류이다. 나는 브랜치명이 master로 되어있었고 팀원분이 올려주신 이름은 main 이어서 뜨는오류! git pull origin main 하니까 잘 받아졌다. TIP! 기존에는 브랜치 생성할 때 기본브랜치가 master로 생성되는데 whitelist/blacklist와 master/slave라는 용어가 인종차별적인 담고 있어서 이 용어들을 제거하기 위해 master를 안쓰는 추세로 가고있다. 이후 master를 기본 브랜치로 사용하던 Git에서도 이 논의..

작업 환경 / 파일 디렉터리 셋업 및 html,css html문서 The Best Movie 검색창 검색 전체 목록 Copyright © NBCamp 2023 이런걸 방지하기 위해서 두가지의 방법이 있다. 태그 바로 위에 스크립트 소스를 넣거나 를 넣어준다! defer는 스크립트 소스코드가 상단에 있어도 다운로드는 받지만 실행은 html 파서가 문서 파싱을 한번쫙 다 한다음에 실행되도록 한다! defer를 그림으로 보면 이렇게 표현할 수 있다. 또한 스크립트는 독립적으로 나눠서 관리하는게 좋다. 자바스크립트는 import와 export를 사용해 모듈화 시켜서 작업 관리가 가능하다. 이렇게 모듈화 시키게 되면 협업시에 여럿이 각각의 모듈을 개발한다해도 작업, 유지 보수에도 좋고 스코프를 독립적으로 만들어서..

문자열 치환 replace() 함수, split(), join() 검색시에 공백을 제거해서 띄어쓰기가 틀리거나 해도 모두 검색이 될 수 있도록 split으로 공백을 기준으로 쪼개고 join으로 공백을 없애 주도록 했는데 튜터님께 코드 피드백 받는도중 저건 왜 split으로 쪼갠거죠? 하셔서 ㅎㅎㅎㅎㅎㅎ 코드봤을때 조금 의아했다! 하시며 replace 함수를 쓰는게 어떻겟나? 하셔서 변경해보앗다. 기존코드 const matchMovies = movies.filter((item) => { let titles = item.original_title.split(' ').join('').toLowerCase(); inputValue = inputValue.split(' ').join(''); return titl..

문제 : fontawesome 아이콘 네모박스 오류 서칭해보니 이렇게 간단하다니!? 해결 : fas, fab class 앞쪽에 fas, fab를 넣었더니 바로 나타났다!!!!!!!!!!!!!!!!!!!!!!! svg로 넣으면 잘보이긴하나 컬러변경이나 사이즈 조정등이 더 불편해서 아이콘으로 사용하는편이 좋은듯하다. Font Awesome이 버전 5로 업데이트되면서 사용법이 복잡해졌다고 한다. 유료화가 되면서 스타일을 5가지로 분리했고, 2가지는 무료, 3가지는 유료로 사용할 수 있게 바뀌었다고 한다. 매번 쓸때마다 자꾸 오류가 떠서 화나지만... 예쁜 아이콘 그리는거보단 나으니 ㅎㅎㅎㅎㅎㅎㅎㅎ 폰트어썸 오류 해결! 참조 https://velog.io/@snsnahtmxm/Font-Awesome-%EC%98..

alert창 한번만 띄우기 !!! 어제 if 문으로 해결 된지 알았으나 아니었던것! 그 이유는! movies.forEach 안의 if문이라서 movies를 다 돌때 까지 alert창이 뜨는것 이였다 ㅎㅎㅎㅎ console창을 보면 알 수 있다! console을 잘 찍어봐야 하는 이유! let searchBtn = document.getElementById("search-btn"); searchBtn.addEventListener("click", function(){ let temp_html = ''; // input 입력값 let inputValue = document.getElementById("search-input").value.toLowerCase(); console.log('입력값->',inpu..

클로저 closure 클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합니다 // 카운트 상태 변경 함수 #3 const increase = (function () { // 카운트 상태 변수 let num = 0; // 클로저 return function () { return ++num; }; })(); // 이전 상태값을 유지 console.log(increase()); //1 console.log(increase()); //2 console.log(increase()); //3 1. 위 코드가 실행되면, '즉시 실행 함수'가 호출 -> 함수가 반환(inner) -> increase에 할당 (function () { // 카운트 상태 변수 let num = 0; // 클로저 return functi..

! [rejected] master -> master (fetch first) error: failed to push some refs to 'github.com:heejung-newheee/Movie-list.git' hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushing hint: to the same ref. You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again. ..