전체 글(95)
-
n의 배수 고르기
문제 풀기전 생각정리. 매개변수(n, numlist)가 주어지고, numList에서 n의 배수가 아닌 수들을 제거한 배열을 리턴 아래 함수식을 가지고 만들어라 function solution(n, numlist) { var answer = [ ] ; return answer; } 배수는 numList % n , arry.filter ? include? 그리고 그 배열을 arry.push(answer)? 까지는 생각 했으나 위에 저것을 활용해서 짜는 법을 모른다. 코린이는 울어요 1시간 가까이 이렇게 저렇게 만져봤지만 가용시간이 많은 것이 아니므로 비효율적이라고 판단. 먼저 로직을 생각해보고 그 방향성이 맞는지 아닌지만 판단하는게 더 효율적일 것이라고 생각 방향만 알면 구현하는 건 부차적인 문제라. 구현은..
2023.11.01 -
[5주차] KPT : JS 그룹프로젝트 회고
미니프로젝트 KPT (2023.10.24 - 2023.10.30) 오늘은 6조 팀원들과의 미니프로젝트 KPT 시간을 가졌습니다. 먼저 KPT무엇인지 알아보겠습니다. KPT 란? 회고 과정 중에 진행하는 한 부분으로 Keep / Problem / Try 를 뜻합니다. Keep : 잘하고 있는 점, 계속 이어갔으면 하는 부분 Problem: 개선이 피요하다고 생각되는 부분, 아쉬웠던 점 Try: Problem 에 대한 해결책 KPT 과정 지난 미니프로젝트 KPT 시간처럼, 새로운 6조 팀원분들과 약 1시간동안 KPT 시간을 가졌습니다. 도구는 figjam 을 사용하였습니다. KPT 내용 약 1시간 동안 나눈 KPT의 내용은 아래와 같습니다. Keep ( 잘하고 있는 점, 계속 이어갔으면 하는 부분) 팀원이 ..
2023.10.30 -
한글자 차이가 오류를 만든다.
// 버튼을 클릭을 하면 // display가 NONE이면 BLOCK // BLCOK이면 none export const randomBtn = document.getElementById('randomBtn'); function display() { randomPost(); document.querySelector('.randomP').Style.display === "none" ? document.querySelector('.randomP').Style.display = "block" : document.querySelector('.randomP').Style.display = "none"; } randomBtn.addEventListener('click', display); Uncaught TypeEr..
2023.10.26 -
랜덤 포스팅 띄우기
const render =(movie => { const temp_html =` ${movie.title} ${movie.overview} 평점:${movie.vote_average} ` return temp_html; }); fetch(url, options) .then(res => res.json()) .then(res => { const movieList = res.results; let random = movieList[Math.floor(Math.random()*20)]; document.querySelector('.randombox').innerHTML = render(random); }) 이전 코드를 안남겨둬서 아쉽다 이전 코드가 fech안에 render 상수로 뺀 부분을 forEach 구문..
2023.10.25 -
객체
2번째 보는 건데(딴 강의 본 것 하면 4번째)도 불구하고 this 부분은 못 알아 먹겠다. + 게터 셋터도 마찬가지 일단은 진도 빼면서 전체적인 틀을 세우고 차근차근 구멍난 부분 메꿔가는 식으로 가야지 PART 9 객체 더 보기 213. 객체란 무엇인가? 사실상 JavaScript의 객체는 데이터 구조입니다 키-값 쌍인 프로퍼티와 메서드로 이루어져 있죠 메서드 역시 결국에는 키-값 쌍이지만 값은 함수로 객체에 연결되어 있습니다 따라서 프로퍼티는 객체의 변수이고 메서드는 객체의 함수라고 할 수 있습니다 따라서 데이터를 저장하기 위해서는 프로퍼티를 사용하고 해당 데이터는 동일한 객체와 연결되어 있으며 이 객체에 적합한 작업이 이루어지게 됩니다 JavaScript에서는 항상 기억해야 할 두 가지 유형의 값이..
2023.10.23 -
HTTP 요청으로 작업하기
개인과제 중에 fetch() API 따와서 하는게 있었는데 해결하는데 제법 큰 도움이 되었다. 따오는 것말고도 보내기, 오류 잡기, XMLHTTP 방식으로 하기도 있었는데 XMLHTTPP로 시도했다가 서버측에서 코드 승인이 안나서 오류가 계속 나는 바람에 fectch로 급선회 해서 만들었다. 나중에 다시 봐야지 PART18. HTTP 요청으로 작업하기 367. HTTP의 배경의 자세한 내용 - pdf 참고 각 HTTP 요청에는 HTTP 메서드가 할당되어 있습니다 사용 가능한 몇 가지 HTTP 메서드를 보여드리면 GET, POST, PATCH, PUT 그리고 DELETE가 있습니다 각 메서드의 이름은 메서드의 역할을 묘사해 주고 있습니다만 서버가 특정 작업을 수행하기 위해 어떤 메서드와 URL 조합을 사용..
2023.10.20