const findcomment = await Comments.findOne({ where: { commentId } }); // 객체 속 값 끄내는 법 findcomment.dataValues.UserId //로그 찍는 법 console.log(findcomment.dataValues); 중간중간 로그 찍어보며 값이 들어오나 안들어오나 확인을 하는데 promise 만 뜨고 그 안에 값들을 확인 할 수 없었다 이렇게 사용하는 방법이 있다는것을 알게 되니 해당 칼럼들을 끄내올 수도 있었다 !!! 최고 !!!!
JavaScript
-ajax Asynchronous JavaScript And XML의 약자이며, 자바스크립트를 이용해 클라이언트와 서버 간에 데이터를 주고받는 비동기 HTTP 통신입 XMLHttpRequest(XHR) 객체를 이용해서 전체 페이지가 아닌 필요한 데이터만 불러올 수있다 -axios axios는 Node.js와 브라우저를 위한 Promise API를 활용하는 HTTP 통신 라이브러리 비동기로 HTTP 통신을 할 수 있으며 return을 promise 객체로 해주기 때문에 response 데이터를 다루기 쉽다 -fatch ES6부터 들어온 JavaScript 내장 라이브러리. Promise 기반으로 만들어졌기 때문에 axios와 마찬가지로 데이터 다루기가 쉽고, 내장 라이브러리라는 장점으로 상당히 편리 JSO..
필자는 현재 강의를 들으며 공부중인데 세상에나 promise 부분이 이해가 전혀 안갔다 전공자인 나도 이런데 비전공자인 팀원들은 큰일이 났겠는데 싶으면서 구글링을 통해 개념을 정리했다 내 머리 속 정리할겸 , 나와 같은 코린이들에게 도움이 되고자 작성한다 우선 이 글은 이해되지 않는 부분들을 정리하고자 함이니 중요하지 않은 디테일들은 제외하고 글을 시작하겠다 Async 비동기 라는 뜻이다 간단한 예시로 설명해보자면 위에서 아래로 차례차례 코드를 읽어가는데 처리가 오래 걸리는 코드가 있다면 ? 동기적 처리 (Sync) = 처리가 오래걸리는것이 완료가 되면 다음 코드로 넘어간다 비동기적 처리 (Async) = 처리가 오래걸리는것이 완료가 되기 전에 다음코드로 넘어간다 라고 보면 간단하다 그렇다면 완료가 되기..
주 기능 영화 api 데이터 사용 상세 영화 페이지 상세 영화 페이지 -> 댓글 (비밀번호 체크) 번역기능 ( 한영중일) 검색 기능 https://github.com/tuy112/jaksim
const a = [ {id=1,---} , {id=2 ,---} , {id=3,---} , {-----}] 이러한 배열이 있다고 생각해보자 이때 id =3 이 들어있는 객체의 모든 값들을 가져오고 싶을때 filter 를 사용해야할까 ? 아님 for을 이용해 하나하나 대비해서 가져와야할까 ? 제일 효율적인 방식이 뭘까 ? 를 생각했을때 filter() 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. 말 그대로 필터를 사용하면 통과하는 모든것들을 모아서 새로운 배열을 만든다 우리가 하고싶은건 객체에서 원하는 것들 만 가져오는것 우선 의미적으로도 이 함수를 사용하는건 옳지 않거니와 필터를 사용했을때 나오는 값을 consol찍어보면 이러한 결과가 나온다 sdsds 딱 보면 알겠지만..
이전까지는 react 나 Springboot , node(express) 를 사용했기 때문에 바닐라로 어떻게 페이지 이동을 시키며 , 그때 데이터를 어떻게 이동시킬지 몰랐었다 사실 알고는 있지만 그거 바닐라에서도 되는거야 ,,? 하는 의문점이 있었기 때문에 이것저것 시도했다 export { movieData }; 넘겨줄 데이터가 있는 함수를 export에 담아주고 import { movieData } from "./movieAPI.js"; 받아줄 페이지 상단에 이거 작성해준다 -> 사실 여기까지는 다들 알고 있겠죠 ? function handleClickCard({ target }) { if (target === cardList) return; if (target.matches(".movieCard"))..
일반적으로 배운대로 if문을 돌릴때 if(조건문){맞으면 실행 !} else {틀리면 실행 !} 이런식으로 진행했었다 . 하지만 꿀팁을 얻었던것은 ... ! if (!조건문) { consol.log("올바른 값을 입력해주세요"); } 실행문 이렇게 작성해주면 {} 안에 들어가야했을 실행문을 바깥쪽으로 빼줄 수 있다는것 ! 이 생각 자체를 왜 못했는지 어이가 없었지만 ,,, 진짜 꿀팁이였다 필자가 이 방법을 사용했던 코드는 유효성검사를 할 때인데 const result = movies.find((x) => x.id === id); if (!result) { alert("페이지의 정보값이 올바르지 않습니다"); history.back(); } let tempHTML = ` ${result.title} ${r..
이런 에러가 떴습니다 .. JS에서 개발하면서 꽤 많이 본 에러 ! Uncaught TypeError : Cannot read properties of undefinde ( reding ' ---' ) 이 에러에 여러가지 이유가 있는 것 같은데 필자의 경우에는 페이지에서 페이지로 넘어갈때 데이터를 받아오지 못해서 movies가 정의되지 않아 나오는 에러였다 ( 여기서 movies 는 영화 정보 api데이터 였음) 정답은 비동기식 처리로 바꿔주니 해결되었다 async function movieData() { const options = { method: "GET", headers: { accept: "application/json", Authorization: "Bearer eyJhbGciOiJIUzI1N..
