밍쥬디🐰.log

.

주어진 코드에서 수정해야 할 부분은 /editmenu 경로에 대한 라우트 설정입니다. 현재 코드에서는 /editmenu 경로만을 다루고 있으며, 동적인 상품 ID를 전달할 수 있는 기능이 없습니다. /editmenu 경로에 동적인 상품 ID를 전달하려면 :productId와 같은 매개변수를 사용하여 경로를 정의해야 합니다. 따라서 App.js 파일의 해당 부분을 아래와 같이 수정해야 합니다: import React from 'react'; import { Routes, Route } from "react-router-dom"; import styled from "styled-components"; import { useLocation } from 'react-router-dom'; // import 문 ..

받아온 데이터를 보여주는 이 부분 코드를 수정하고 싶어. 제공한 샘플데이터에 대해 어떤 결과를 보여주길 원하냐면 : ContainerList안에 총 2개의 ListContent 생성(이유: recipe의 ingredient 배열의 길이가 2이니까) : 각 ListContent 에는 온수 100 200 335 샷 300 400 250 이렇게 데이터가 담기길 원해 네, 제공해주신 데이터와 요구사항을 바탕으로 코드를 작성해보겠습니다. menuData.recipes 배열에서 각 recipe의 ingredient 배열을 순회하며, 각 재료에 대한 수량을 각 버튼에 표시하는 방식으로 코드를 작성하였습니다. jsx {menuData && menuData.recipes && menuData.recipes[0].ingr..

css를 작성하면서 내가 원하는 컴포넌트가 다른 요소 뒤에 겹쳐져서 버튼같은 경우에는 클릭되지 않는 문제 등의 난감한 경우가 생길 수 있다. 이럴 때 사용할 수 있는 css 속성이 z-index 인데, 이를 사용해 컴포넌트, 컨텐츠간의 쌓임 순서를 조정할 수 있다. z-index 속성 : 소스의 수직 위치를 정해는 속성 - 기본값 : auto - 1, 100, -1, -100등의 숫자로 속성값 지정 - 속성값은 정수이며, 숫자가 클 수록 위로 올라오고, 숫자가 작을 수록 아래로 내려간다.

https://lasbe.tistory.com/168

1. SSH Key 생성 1단계 터미널에 ssh-keygen -t rsa 입력 이후 - 키를 저장할 경로( 기본값 : $HOME/.ssh/id_rsa) - passphrase (추가로 사용할 암호, 기본값 없음) - passphrase 확인 입력 과정이 뜸. 필요 없으니 계속 엔터 쳐주면 됨. 2단계 그럼 .ssh 폴더 아래에 키가 생성됨. 2. SSH Key 등록 .pub : 공개키. 해당 공개키를 서버에 등록 하면 다음부터 비밀번호를 입력 할 필요가 없음 1단계 : SSH 키 등록창 접속 : 깃허브 로그인 -> 오른쪽 상단에 프로필 -> Settings 메뉴 오른쪽 사이드 바에서 SSH and GPG keys 메뉴를 선택 -> 오른쪽 상단의 New SSH key 클릭 "SSH 키 등록창" : Titl..

먼저, git clone git@(~~SSH에 써져있는 내용~~) 단계 1. git branch : 보통 작업 시작할 때 한 번씩 체크 해주기 현재 내가 어느 브랜치에서 작업 중인지 알 수 있음 2. git remote -v : 현재 Git 저장소에 등록된 원격 저장소(remote repository)의 URL을 보여줌 3. git checkout -b : Git에서 새로운 브랜치를 생성하고 해당 브랜치로 전환하는 명령어 * 사용법 - git checkout -b 4. git pull origin : 원격 저장소(origin)에서 최신 변경 내용을 가져와서 현재 작업 중인 브랜치에 병합(merge)해줌 * 사용법 - git pull origin 위 명령어를 실행하면 origin 원격 저장소에서 에 지정한..

https://yozm.wishket.com/magazine/detail/727/#:~:text=다시%20말해%20사용자%20인터페이스는,프로그래밍하는데%20쓰이는%20인터페이스입니다. API란 무엇인가요? (feat. 인터페이스) | 요즘ITAPI에 대해 이미 알고 계신 분들도 있고, 조금 낯선 분들도 있겠죠? 요즘IT에서 몇 번 소개한 적 있는 주제이지만, 오늘은 가장 기본적인 API의 개념과 인터페이스에 대해 살펴보겠습니다.yozm.wishket.com 낼은 http와 restapi

오늘도 어쩌다 보니 단어 세 개..!😵 이 세 단어를 알기 전에 ‘호스팅’ 이 무엇인지 짚고 넘어가보자. 💸호스팅이란? 우리가 웹에서 무언가 작업을 진행할 때, 웹에 데이터, 정보 등을 저장하기 위한 ‘서버‘ 가 필요하다. 그러나 사용자가 직접 서버를 구입하고 관리하기에는 상당한 비용과 노력, 시간이 필요하다. 그렇기 때문에 우리는 ‘호스팅’이라는 서비스를 이용하곤 하는데, 호스팅이란 사용자에게 서버의 전체 혹은 일부를 임대해주는 서비스를 일컫는다. 그리고, 호스팅 서비스의 종류로 웹호스팅, 서버호스팅, 클라우드 등이 있는 것이다. 이 때, 사용자는 여기서 1) 어떤 서비스를 이용할 것인가 2) 서버 구축 및 관리 여건이 어떠한가 3) 필요한 서버/ 운영체제 가 무엇인가 에 따라, 호스팅 선택 기준이 달..

오늘의 단어는 '동기'와 '비동기' 이다. 먼저 동기와 비동기를 나누는 관점부터 소하자면, 이 둘을 나누는 가장 큰 차이점은 "실행 순서를 어떻게 가지는가?" 이다. 동기(synchronous) : 동기는 데이터의 요청과 결과가 한 자리에서 동시에 일어난다. 즉, 해당 작업이 끝나기 전까지는 다른 작업을 수행하지 않고, 해당 작업이 완료된 후에 결과가 반환된다. 비동기(Asynchronous) 데이터의 요청과 결과가 동시에 일어나지 않고, 작업이 실행되고 완료되는 동안 다른 작업을 수행할 수 있다. 즉즉, 해당 작업이 끝나지 않았더라도 다른 작업을 수행할 수 있고, 결과는 작업이 완료될 때 반환된다. 동기와 비동기의 장단점 비교 동기 장점 : 설계가 쉽고 직관적 단점 : 결과가 반환될 때까지 다른 작업 ..