내일배움캠프_6기(스파르타)

localstorage 시도 중입니다. 아직 입력값을 모두 받은 상태일때 값을 넣고싶은데 현재 값이 다 들어오지 않았다고 나와서 찾아보고있습니다. 버블링은 localstorage가 되면 시도해보려고 합니다. localstorage에 객체를 넣고 값을 빼오는 것을 확인했습니다. 하지만 아직 입력 후 enter을 치거나 저장하기버튼을 눌러야 하고, 현재 입력된 값들만 출력될뿐 새로고침후 그전에 저장된 값들은 아직 출력이 안됩니다. 모든 객체값을 내보내는 것을 찾아 내보내는데 성공했습니다. 전체 삭제버튼을 누른 후 바로 새로고침이 된 후 값을 다시 넣으려는데 아래와 같은 문제가 나왔습니다. 알고보니 아까 수정해봤던 detail.html파일의 class를 name으로 변경했어서 나온 오류였습니다. 그래서 다시 ..

팀프로젝트중 제가 맡은 곳은 유효성 검사 파일을 만드는 것입니다. 처음에 어떻게 할지 몰라 걱정이 많았는데 if문을 사용하면 된다고 하셔서 사용했습니다. 그런데 많은 문자들을 어찌 확인할까 고민중이었는데 마침 튜터님이 오셔서 정규식표현을 사용하면 된다고 말씀하셔서 이것저것 찾아보다 사용하게됬습니다. 처음에 따옴표(")가 아닌 / 를 사용하는데 글씨가 빨간색으로 떠서 당황했지만 오류표시는 나지않았기 때문에 사용가능한다는걸 알았습니다. 참고자료에 넣은 것처럼 이외에도 여기저기 찾아본 결과 아래 코드와 같이 사용했습니다. //영화 검색 유효성 검사 export function movieTitleCheck(find) { let scriptTag = /[^가-힣|^a-z|^A-Z|^0-9]/; // 한글,영어대소..

오늘 개인숙제 제출날입니다. 전 그전에 냈어서 문제는 없지만 오늘 팀프로젝트 발제날이기도 해서 많이 걱정됩니다. 오전 10시에는 팀원분들과 같이 서로 코드를 설명하는 시간을 가지고, 그 이후에는 알고리즘 수업을 다시 들어보려합니다. 코드설명 시간을 가졌을때 제 디자인이 제일 기본에 충실하고, 다른 분들은 예쁘게 꾸미고 더 많은 기능들을 구현한것을 보니 막막했습니다. 저는 그렇게 꾸미지도, 기능을 더 구현하기도 아직 많이 모자랍니다. 그래서 더 열심히 해야겠다고 생각했습니다. 프로그래머스 문제를 풀다 팀원분이 마크다운에 대해 알려주셨는데 어디에 쓰이는지 잘 몰라서 매니저님께 여쭤봐서 깃허브 리드미에 쓰인다는것을 알았습니다. 그래서 팀원분이 나눠주신 링크를 통해 리드미를 작성했습니다. 저녁에 코드리뷰에 제 ..

오전 특강을 알고리즘을 들었는데 정렬과 스택 큐를 배웠습니다. 역시나 어려웠으나 코딩으로 풀어나가려는데 노력했습니다. 오늘 문제로 내주셨던 부분을 아래에 제가 푼 방식을 적어놓겠습니다. //스택 peek() { if (this.head === null) { return null; } return this.head.data; } push(value) { let newNode = new Node(value); newNode.next = this.head; this.head = newNode; } pop() { let popNode = this.head; this.head = this.head.next; return popNode; } //큐 enqueue(value) { let newNode = new No..

어제 생각하고 잔 그 코드를 실행해봤는데 다행히 잘 나옵니다. 아래 코드가 부분검색과 대소문자 관계없이 검색이 가능합니다. //검색한 영화제목 카드 찾기 function findCard(movietitle) { fetchJson(url).then((data) => { let rows = data.results; let resultMovie; let str1; let str2 = movietitle.toUpperCase(); let count; rows.forEach((a) => { let t = a['title']; str1 = t.toUpperCase(); count = str1.search(str2); console.log("count check : ",count); if(0 { }); } }) })..

오전에 알고리즘 강의를 듣고 난 뒤 지금 검색기능을 구현하고 있습니다. 주말동안 구현을 못할까 두려워 열심히 찾아가며 구현했고, 주말에 쓴 TIL도 따로 있습니다. 이것저것 찾아본 결과 remove를 사용한다고 해서 사용을 해봤는데 지워지고 난뒤 값이 나오지 않았습니다. //검색 버튼 클릭 시 이벤트 $serchBtn.onclick = function () { console.log($movieTitle.value); if (!$movieTitle.value) { $mycards.remove($movieCard); printMovie(); //영화들 출력 } } 웹페이지 결과에서는 아무것도 나오지 않고 console창에는 제가 fetch할때 넣은 콘솔값이 나오는 거 보니 들어가긴 하는데 모든 값을 다 지워..

오전시간 먼저 어제 풀다 만 예제문제를 오늘 아침에 마저 풀어 보았습니다. 저번 1회독보다는 많이 나아졌지만, 아직 깊은 복사와 콜백함수 map, 그리고 async/ await이 생각이 나지않고 어려웠습니다. 현재 숙제를 하고있는데 async / await으로 fetch를 해서 확인하는데 함수안에서 찍은 response.json()인 data는 객체로 잘 나오나, 함수안에서 data를 return 해서 함수 밖에서 다시 찍으면 Promise pending이 나오고 있습니다. const options = { method: 'GET', headers: { accept: 'application/json', Authorization: 'Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI4YT..

어제 마지막으로 브랜치로 나눴던 git들을 다 하나에 병합했습니다. 저번에 처음에 브랜치를 나눌때 1주차가 2주차에 있는것이 오류라고 생각해 1주차를 지우고 작성 한뒤 병합을 했는데 1주차를 모두 없애냐는 문제가 나와서 당황했습니다. 하지만 스테이지에 올리지 않고 한번 더 커밋하니 다행히 둘다 온전히 있는채로 병합에 성공했습니다. 그뒤로도 3,4주차도 병합을 하였습니다. 오늘은 자바스크립트 2회독을 마저 마무리한 후 프로그래머스와 예제들을 풀어보려 합니다. 점심시간전까지는 그래도 주말이라 좀 쉬었습니다. 2회독 완료 후 git특강을 제가 보기 편하게 정리할 겁니다. 그러고 나서 예제 문제들과 프로그래머스를 풀겁니다.

오늘은 2회독을 목표로 강의를 듣고있습니다. 오늘 2회독을 완료하면 내일 3회독하기전 프로그래머스 0레벨을 풀고, 예제 문제들도 다시 풀어보려 합니다. 오늘 2회독까지는 못하였으나 4주차 콜백함수 내부의 this까지 들었습니다. 강의만 듣기에는 힘들어서 프로그래머스 0레벨들도 풀어보았습니다. 먼저 강의를 다시 들어보니 제가 이해하기 어렵고 쓰기 어렵다고 느끼는게 우선 깊은복사로 재귀함수가 있고, 3주차 호이스팅과 this는 다시 들으니 이해는 하나 쓰기에는 아직 어려움을 느끼고 있습니다. 콜백함수도 어떻게 쓰이는지 왜 쓰는지는 어느정도 이해는 하지만 직접 안보고 구현하기에는 좀 더 연습을 자주 해봐야할거 같습니다. filter도 이해하는데 부족했으나 프로그래머스로 문제를 풀며 접해보니 어찌 쓸 수 있는지..

오늘 자바스크립트 강의를 1회독하고 2독하기전 매니저님이 말해준 자바스크립트 예제 문제들을 살펴보고 풀어보았습니다. 1주차는 대부분 잘 풀렸으나 객체 및 배열 메소드 응용의 문제에서 Object.assign이 생각이 안나 다시 찾아보고 사용하였고, 배열 메소드 fiter도 생각이 안나서 찾아보았습니다. for문 contine, break문제에서는 break만 사용하였습니다. 2주차에서는 첫 문제 삼항연산자와 구조분해할당은 풀었으나 그뒤로 spread operator, 고차함수 set이 생각이 안나 다시 찾아보고 사용했습니다. 3주차의 얕은 복사, 깊은 복사를 모르겠어서 찾아가며 작성하다 안되면 예시 답안을 보며 이해하려 노력했고, 4주차는 setInterval을 못본거 같아 찾다가 clearInterva..