자바스크립트 (22) 썸네일형 리스트형 조건문 ?? 의미 useToast().error(errorMessage ?? '에러가 발생했어요.') ?? 같은경우는 앞에꺼가 없을경우 무조건 ?? 뒤에거가 실행되게끔 하는 조건문이다. [자바스크립트 프로젝트] 쇼핑몰 구현하기 - [장바구니,navbar,카테고리] 팀원들과 함께 쇼핑몰을 구현하기로하였습니다. 처음에는 리액트로 하려고 했으나 기본적인 개념을 이해해야한다고 생각하여 자바스크립트로 진행을 했습니다. - vite를 이용하여 프로젝트 생성 -효율적인 프로젝스 시간을 위해서 디자인같은경우는 클론으로 하여 제작 백엔드를 담당한 팀원들과 폴더구조를 상의해서 만들고 제작하기로 하였습니다. 로고 및 메뉴 / navbar.js 코드 더보기 const header = document.querySelector(".header"); const getItemNav = JSON.parse(localStorage.getItem("cart")) || []; //카트 숫자넘버 그려지기전에 넣어둬야 작동한다. let cart_num = getItemNav.length; // 네비 메.. 이벤트 루프 개념 설명 Axios 사용법 (post,get,put,delete) POST Axios의 POST 사용법을 익혀봅니다. 문제의 지시사항을 참고하여 POST로 전달할 데이터 객체를 선언합니다. const login = { email: "eve.holt@reqres.in", password: "cityslicka" }; axios.post를 이용해 선언한 객체와 URL을 전달합니다. 그리고 전달한 객체에 대해서 결과를 받아옵니다. 현재 사용하는 API는 email과 password를 전달해 token 값을 받는 API 입니다. 아래와 같이 호출하여 화면에 출력합니다. axios.post("https://reqres.in/api/login", login).then((response) => { let res = response.data.token; token.innerHTML .. 자바스크립트 내장함수의 {} 스코프는 return 이 필요하다. const wordArr = Array.from({ length: word.length, }).map((_,idx)=>{ word[idx] === "" ? " " : "*" }) // 위아래의 차이 const wordArr = Array.from({ length: word.length, }).map((_,idx)=> word[idx] === "" ? " " : "*" ) 첫번째 {} 코드를 이렇게 표현할 때는 `return` 키워드를 사용하지 않으면 반환되지 않습니다. 올바른 코드로 수정하려면 다음과 같이 `return`을 사용하여 반환 값을 명시적으로 지정해야 합니다: const wordArr = Array.from({ length: word.length, }).map((_, idx) => { retu.. 텍스트를 오브젝트로 만들고 배열로 숫자 위치를 적어두는것 export function wordToMap(word) { return word .toUpperCase() .split('') .reduce((map, c, idx) => { if (!map[c]) { map[c] = []; } map[c].push(idx); return map; }, {}); } 예시 주어진 코드는 문자열을 대문자로 변환하고, 문자열을 문자 단위로 분할한 후 각 문자가 문자열에서 어느 위치에 있는지를 기록한 맵을 생성하는 함수입니다. 이 함수는 문자열 내에서 각 문자의 인덱스를 추적하고 해당 문자를 키로 하고 있는 객체를 반환합니다. 여기에 주어진 함수 `wordToMap`에 대한 간단한 사용 예제를 보여드리겠습니다: const word = "Hello"; const charMap .. 자스. 여러개의 api 조합 가공하기. 강의용 코드 import API from "./api"; const requestPosts = () => { // 데이터를 적절하게 조합하여 Post 정보를 만들어보세요. return Promise.all([ API.fetchPosts(), API.fetchUsers() ]) .then(([posts,users])=>{ return fetchCommentsByPosts(posts) .then(comments=>[posts,users,comments]) }) .then(([posts,users,comments])=>{ const userMap = createUserMap(users) // 유저 배열을 만든다. const commentMap = createCommentMap(comments) return t.. 유저정보 변환하기 내꺼와 강의꺼. 내 코드. import API from "./api"; const requestUsers = () => { return API.fetchUsers().then((users) => { // 유저 정보를 변화하고, 필터링하는 코드를 작성해보세요. const userSam = users.map((item)=>{ const saram = { email:item.email, name:`${item.name.first} ${item.name.last}`, pictureUrl:item.picture.large, username:item.login.username, location:`${item.location.country}, ${item.location.state}, ${item.location.city}`, ag.. 이전 1 2 3 다음
