묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
[30-01] 웹 에디터와 폼 라이브러리
안녕하세요해당수업중 강의 내용대로 했는데 실행시 아래와 같이 에러 뜨고 정상 실행이 안됩니다. TypeError: react_dom_1.default.findDOMNode is not a functionat ReactQuill.getEditingArea (http://localhost:3000/_next/static/chunks/node_modules_5754136c._.js:16760:43)at ReactQuill.instantiateEditor (http://localhost:3000/_next/static/chunks/node_modules_5754136c._.js:16631:50)at ReactQuill.componentDidMount (http://localhost:3000/_next/static/chunks/node_modules_5754136c._.js:16590:14)at LoadableComponent (http://localhost:3000/_next/static/chunks/_2df4111c._.js:296:57)at WebEditorPage (http://localhost:3000/_next/static/chunks/_2df4111c._.js:81:215)at ClientPageRoot (http://localhost:3000/_next/static/chunks/node_modules_next_dist_1a6ee436._.js:2053:50)
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
[18-05 게시글 이미지와 함께 등록] 타입 지정 질문드립니다
안녕하세요!! 강의 너무나도 잘 듣고 있습니다. 18-05 게시글 이미지와 함께 등록 23:25분에서 file에 대한 타입을 지정을 할 때 알려주신 방법 외에도 ! 를 이용해서 해결을 의도치 않게 했는데,구글 및 스택오버플로우에도 Argument of type ' file | undefined' is not assignable to parameter of type 'File'. Type 'undefined' is not assignable to type 'File'.ts(2345)해당 오류를 검색해보았지만 알려주신 방법들 외에는 느낌표를 사용하는 방법은 찾지 못했습니다.이게 왜 되는건지... 도통 알수가 없네요... 이건 어떤 원리인가요??항상 감사드립니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
npm_access_token 오류
npm_access_token 오류어떻게 해결하나요 ㅠㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
emotion대신 tailwind를 사용하는 이유가 뭔가요?
이전 버젼의 강의에서는 emotion을 쓰고본 강의에서는 tailwind를 쓰는데 저는 emotion이 가독성도 좋고 사용하기 편안하다는 느낌을 받았는데요새로 생긴 강의에서는 tailwind를 사용하는 이유가 뭘까요?
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
npm i 오류
안녕하세요, 선생님.프로젝트를 진행하면서 npm install을 실행했는데, 위와 같은 오류가 발생했습니다.이 오류는 npm이 특정 디렉토리를 만들 수 없다는 내용인데, 여러 가지 방법을 시도했지만 해결되지 않았습니다.node_modules 폴더와 package-lock.json 파일을 삭제한 후 다시 설치했으나 여전히 같은 오류가 발생하고 있습니다.npm cache clean --force 명령어로 캐시를 정리한 후에도 문제가 해결되지 않았습니다.혹시 이 문제를 해결할 수 있는 방법에 대해 조언을 주실 수 있을까요?감사합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
handler.reject(err) 질문
안녕하세요 강사님. 강의 잘 듣고 있습니다.handler.reject(err)를 발생시키는 경우가 총 3가지인 것 같은데요. 1번째는 secureStorage에 refreshToken이 없을 때, 2번째는 dio 요청 실패했을 때 즉 서버의 refresh 토큰의 기간이 만료되었을 때, 3번째는 토큰과 관계없는 서버의 예외 상황이 발생했을 때인 것 같은데요. 2번째 상황에서는 login 화면으로 다시 redirect 시키지만, 1, 3번째의 경우에는 따로 예외 스크린을 만들어서 여기로 라우팅시키는 것이 적합할까요? 만약 이렇게 처리하지 않는다면, 레드 스크린에 예외 로그가 남게 되는 것인가요?또한 handler.reject(err)를 통해 예외가 전파되는 것 같은데, 2번째 상황에서는 어차피 로그인 화면으로 바로 넘어가므로 이를 굳이 발생시킬 필요는 없지 않나요?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
17-03 백엔드 호스트와 포트 에러
강의 45:00분에 나오는 host, port, username, password 등을 따라 작성해보고, 노션에 기입된 해당 코드 역시 시도해보았지만, 다음과 같은 에러가 계속해서 발생합니다.백엔드 프로그램을 실행합니다! 여기서 API를 만들거예요. 여기에 DB에 접속하고, 테이블을 만들 거예요. Error: connect ETIMEDOUT 34.64.244.122:5031 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1634:16) { errno: -60, code: 'ETIMEDOUT', syscall: 'connect', address: '34.64.244.122', port: 5031 }아래는 index.ts와, Board.postgres.ts 입니다.import { DataSource } from "typeorm" import { Board } from "./Board.postgres." console.log("백엔드 프로그램을 실행합니다!") console.log("여기서 API를 만들거예요.") // // console.log("여기에 DB에 접속하고, 테이블을 만들 거예요.") const AppDataSource = new DataSource({ type: "postgres", host: "34.64.244.122", port: 5031, username: "postgres", password: "postgres2022", database: "postgres", synchronize: true, logging: true, entities: [Board], }) AppDataSource.initialize() .then(() => { console.log("DB에 접속 성공했습니다. 동기화를 시작합니다.") }) .catch((error) => console.log(error)) import { BaseEntity, Column, Entity, PrimaryGeneratedColumn } from "typeorm" @Entity() export class Board extends BaseEntity { @PrimaryGeneratedColumn("increment") number!: number @Column({ type: "text" }) writer!: string @Column({ type: "text" }) title!: string @Column({ type: "text" }) contents!: string }
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
리액트 1강
선생님 수업 내용 똑같이 따라쳤는데 (바벨도 다운로드 코드도 쳤는데)라이브서버로 실행시켰을때 (>)신택스 에러뜨면서안녕하세요 안떠요 ㅠㅠ리액트나 바벨 설치가 안된거 아닌가요?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
Vs code 코드 저장하면 정렬 이상하게 되요!
이런 코드가 ctrl+s 눌러서 저장하면이렇게 바뀌는데 가독성이 안좋아서 저장해도 가독성좋게 1줄로 하고싶은데해결방법이 있을까요ㅠㅠ?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
input text 빈 공간 ""
왜 빈 공간을 " " 이렇게 나타내지 않고"" 로 붙여서 나타내나요?선생님께서 저번 수업때 ex) 1 산청딸기표현할때console.log(1+" "+산청딸기) 이런식으로 띄어쓰기는(빈공간)은 " " 가 맞지 않나요?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
function 형식
let time=10setInterval(function(){console.log(time)},1000)강의 중setInterval에 익명함수를 집어넣는다고 하셨는데let time=10setInterval(let aa=function(){console.log(time)},1000)이 코드가 맞지 않나요?그니까 먼저 익명함수 이름부터 선언해야하지 않나요?그리고 여기서도위에 함수는 change라고 이름을 붙여줬는데밑에 함수는 이름도 없이 쓰는것이 왜 그런거인지 궁금합니다!
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
판매, 구매 목록등 판매자, 구매자 데이터를 불러오지 못합니다.
마이페이지에서 구매내역에서 seller, buyer의 _id, name 등 가져오지 못합니다.query { fetchPointTransactionsOfBuying(page: 1, search: "") { amount status statusDetail travelproduct { name seller { name } } } }graphQl 페이지에서 직접 header에 토큰 넣어도 불러오지 못하는데 어떻게 피그마에 있는 구매내역의 판매자 값을 불러올 수 있을까요?seller, buyer를 포함하면 API 요청은 되는데 에러가 떠 데이터 사용하지 못하고 제외하고 요청을 하면 정상적으로 사용할 수 있습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
document.getElementById("aa")
여기에서 document.getElementById("aa")말고document.getElementById(aa) 라고 적으면 안되나요?aa는 id설정이 끝난 변수 아닌가요?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
수업내용에 궁금한 점
지금 섹션 [입 중급] CSS&JS 마스터 섹션 01 강의는 다 듣고 섹션 02 강의를 들어야 합니다.그런데 강의 순서대로 듣는게 맞는건지 아니면 css 부분 부터 다 듣고 다시 올라와서 js 강의를 듣는건지 알고 싶습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
travel seller가 캐싱되지 않습니다.
fetchTravelproducts에서 클릭으로 상세 페이지로 들어가면 fetchTravelproduct 의 data 값을 보여주는데API 요청에서 data 값을 확인하면 seller 값이 들어있는데 data.fetchTravelproduct.seller를 콘솔에 찍으면 null 이 뜹니다. (다른 데이터는 정상적으로 불러옵니다.) fetchTravelproducts에서는 판매자 이름이 잘 출력이 되는데 상세페이지에 들어가면 해당 fetchTravelproduct API 요청으로 가져와도 판매자 데이터가 없는 상태로 뜨는데 문제가 뭘까요?여기서 상세페이지에서 새로고침을 하면 정상적으로 판매자가 보여집니다. fetchTravelproducts에서 캐싱하는 과정에 문제가 있는 걸 까요? // 상세 페이지 import { Query } from "@/entities/api/graphql"; import { gql, useQuery } from "@apollo/client"; export const TRAVEL_PRODUCT = gql` query fetchTravelproduct($travelproductId: ID!) { fetchTravelproduct(travelproductId: $travelproductId) { _id name remarks contents price tags images pickedCount travelproductAddress { zipcode address addressDetail lat lng } seller { _id name picture } createdAt } } `; export const useFetchTravelProduct = ({ travelId }: { travelId: string }) => { const result = useQuery<Pick<Query, "fetchTravelproduct">>(TRAVEL_PRODUCT, { variables: { travelproductId: travelId }, }); return result; };// 목록 페이지 import { Query } from "@/entities/api/graphql"; import { gql, useQuery } from "@apollo/client"; const TRAVEL_PRODUCTS = gql` query fetchTravelproducts($isSoldout: Boolean, $search: String, $page: Int) { fetchTravelproducts(isSoldout: $isSoldout, search: $search, page: $page) { _id name remarks contents price tags images pickedCount travelproductAddress { zipcode address addressDetail lat lng } buyer { _id name picture } seller { _id name picture } createdAt } } `; interface UseFetchTravelProductsArgs { isSoldout: boolean; search: string | null; page: number; } export const useFetchTravelProducts = ({ isSoldout, search, page, }: UseFetchTravelProductsArgs) => { const result = useQuery<Pick<Query, "fetchTravelproducts">>(TRAVEL_PRODUCTS, { variables: { isSoldout, search, page, }, }); return result; };
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
js 핸드폰 인증번호 구현
여기서 time=time-1 붙였는데시간1초씩줄어드는거 적용이 안되요 도와주세요 ㅠㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
Js 문자열 헷갈립니다ㅠ
js 공부중인데 여기서 aa 와 "aa"결과값이 다르게 나오는데 1.이유가 뭔가요? 2.둘 차이점이 뭔가요?자세하게 부탁드립니다 ㅠㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
노션에서 즐겨찾기가 안됩니다.
수업 노트 보기에서 노션에 들어가면 따로 즐겨찾기를 할 수 있는 기능이 없는데 어떻게 해야 되나요?
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
라이브러리 조합에 대해서 문의드립니다.
안녕하세요. 라이브러리 조합에 대해서 문의드립니다. 중급 강좌에서는dio + retrofit + flutter_riverpod조합으로 사용을 하였습니다. 초급 강좌에서 사용한 drift + get_it 조합을 drift + flutter_riverpod 조합으로 사용 가능할까요?또한 초급 강좌에서 사용한 isar + get_it 조합을 isar + flutter_riverpod 조하으로 사용 가능할까요? 로컬 DB(drift, isar) 는 네트워크가 통신이 아닌 로컬통신으로 flutter_riverpod 에서 제공하는 기능을 사용할 필요가 없나요?추가로 drift 사용시 isar 와 같이 테이블별로 Repository 를 만들어서 사용할 수 있을까요?사용할 수 있다면 참고할 수 있는 링크나 설명 부탁드립니다. 고맙습니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
섹션16까지 했는데 로그인 후 화면이동이 안되고 있습니다.
flutter: previous: Instance of 'UserModel', next: Instance of 'UserModelLoading' flutter: [REQ] [POST] http://127.0.0.1:3000/auth/login flutter: [RES] [POST] http://127.0.0.1:3000/auth/login flutter: [REQ] [GET] http://127.0.0.1:3000/user/me/ flutter: [RES] [GET] http://127.0.0.1:3000/user/me/ flutter: previous: Instance of 'UserModelLoading', next: Instance of 'UserModel'섹션16까지 했는데 로그인 후 화면이동이 안되고 있습니다.그래서 AuthProvider 에서 prev, next 를 찍어 보았는데 변경을 잘 되고 있습니다.어디를 확인하면 좋을까요?