서버 502 error
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
백엔드 서버 키니 이렇게 나오는데 왜이런가요?
- react
- node.js
- seo
- graphql
- next.js
민선
댓글 2
좋아요 0
조회수 272
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
리액트 1강
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
선생님 수업 내용 똑같이 따라쳤는데 (바벨도 다운로드 코드도 쳤는데) 라이브서버로 실행시켰을때 (>)신택스 에러뜨면서 안녕하세요 안떠요 ㅠㅠ 리액트나 바벨 설치가 안된거 아닌가요?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
H Hun
댓글 2
좋아요 0
조회수 89
BigInt Type 에 대하여
해결됨
웹 프론트엔드를 위한 자바스크립트 첫걸음
🚨질문 작성법 및 안내사항 질문 작성법 - 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문) - 질문은 최대한 구체적으로 작성해주세요. - 비슷한 질문이 올라와있는지 확인해주세요. - 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요. console.log("hello world"); 안내사항 - 질문에 대한 답변은 보통 주말, 공휴일을 제외한 평일 오전 시간 에 답변해드립니다. BigInt에 대해서 조금더 자세하게 설명해 주실 수 있을까요?
- javascript
- dom
Coding Basic
댓글 1
좋아요 0
조회수 111
Vs code 코드 저장하면 정렬 이상하게 되요!
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
이런 코드가 ctrl+s 눌러서 저장하면 이렇게 바뀌는데 가독성이 안좋아서 저장해도 가독성좋게 1줄로 하고싶은데 해결방법이 있을까요ㅠㅠ?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
H Hun
댓글 1
좋아요 0
조회수 163
barba.js 사용시 페이지이동
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
barba.js 설정후 페이지이동시 gsap유료플러그인인 ScrollSmoother.js 사용법도 알려주실 수 있으실까요? 아무리 문서들 찾고 ai한테 질문해도 페이지이동시 스무스스크롤효과가 풀리는게 해결이 안되네요..
- javascript
- 애니메이션
- 인터랙티브-웹
- gsap
- scrolltrigger
sales
댓글 2
좋아요 1
조회수 259
CityList 개발 실습진행 오류
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요! + 오류 메세지도 함께 올려주시면 좋아요 🙂 const express = require('express'); const path = require('path'); const app = express(); const PORT = 3000; app.use(express.static(path.join(__dirname, '..'))); app.get('*splat', (req, res) => { res.sendFile(path.join(__dirname, '..', 'index.html')); }); app.listen(PORT, () => { console.log(`START SERVER`); }); 서버키고 localhost:3000에 접속하면 저는 사이트에 이미지가 안나와요 예제를 잘못따라친건가 싶어서 노트 예제 복붙하고 했는데도 안보이네요 콘솔탭 보니까 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. 라고 나오는데 해결법 아시나요? ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.
- javascript
- rest-api
- spa
- dom
yh J
댓글 2
좋아요 0
조회수 128
프로그래밍 방식 관련 질문
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
목소리가 시원 시원하셔서 강의가 잘들어옵니다. 다름이 아니라 document.querySelector('div.content'); 이렇게 프로그래밍 하면 만약에 같은 페이지에 새로운 div content 클래스가 추 후에 또 생성되면 생각하지 않았던 동작이 일어 날수 있지 않나요 ? id 값은 유일하니까 id 값을줘서 dom 컨트롤 하는 방식이 좋나요 ?
- javascript
- rest-api
- spa
- dom
H K
댓글 2
좋아요 0
조회수 142
input text 빈 공간 ""
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
왜 빈 공간을 " " 이렇게 나타내지 않고 "" 로 붙여서 나타내나요? 선생님께서 저번 수업때 ex) 1 산청딸기 표현할때 console.log(1+" "+산청딸기) 이런식으로 띄어쓰기는(빈공간)은 " " 가 맞지 않나요?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
H Hun
댓글 2
좋아요 0
조회수 70
function 형식
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
let time=10 setInterval(function(){console.log(time)},1000) 강의 중 setInterval에 익명함수를 집어넣는다고 하셨는데 let time=10 setInterval(let aa=function(){console.log(time)},1000) 이 코드가 맞지 않나요? 그니까 먼저 익명함수 이름부터 선언해야하지 않나요? 그리고 여기서도 위에 함수는 change라고 이름을 붙여줬는데 밑에 함수는 이름도 없이 쓰는것이 왜 그런거인지 궁금합니다!
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
H Hun
댓글 1
좋아요 0
조회수 71
판매, 구매 목록등 판매자, 구매자 데이터를 불러오지 못합니다.
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
마이페이지에서 구매내역에서 seller, buyer의 _id, name 등 가져오지 못합니다. query { fetchPointTransactionsOfBuying(page: 1, search: "") { amount status statusDetail travelproduct { name seller { name } } } } graphQl 페이지에서 직접 header에 토큰 넣어도 불러오지 못하는데 어떻게 피그마에 있는 구매내역의 판매자 값을 불러올 수 있을까요? seller, buyer를 포함하면 API 요청은 되는데 에러가 떠 데이터 사용하지 못하고 제외하고 요청을 하면 정상적으로 사용할 수 있습니다.
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
초무
댓글 2
좋아요 0
조회수 81
노드 텍스트 추가
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
말티즈 문구 추가 하실때 textContent 사용해주셨는데 아래 3개가 다 가능한거같은데 아무거나 사용해도 되는걸까요? $type.textContent = '말티즈'; $type.innerHTML ='말티즈' $type.innerText='말티즈';
- javascript
- rest-api
- spa
- dom
H K
댓글 2
좋아요 0
조회수 92
react-hook-form handleSubmit이 동작하지 않습니다
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. 에러 잘라서 올리시면 안됩니다! (에러 일부만 자르거나 일부만 복사하지말아주세요) function EmailInput() { const { control } = useFormContext() return ( <Controller name="email" control={control} render={({ field: { onChange, value } }) => ( <InputField label="이메일" value={value} onChangeText={onChange} placeholder="이메일을 입력해주세요." /> )} /> ) } // signup 페이지 마크업 부분입니다 const signupForm = useForm<FormValues>({ defaultValues: { email: '', password: '', passwordConfirm: '' } }) async function onSubmit(data: FormValues) { console.log(data) } return ( <FormProvider {...signupForm}> <View style={styles.container}> <EmailInput /> <PasswordInput /> <PasswordConfirmInput /> </View> <FixedBottomCTA label="회원가입하기" onPress={() => { console.log('onPress::::') signupForm.handleSubmit(onSubmit) }} /> </FormProvider> ) export default function FixedBottomCTA({ label, onPress }: FixedBottomCTAProps) { const inset = useSafeAreaInsets() return ( <View style={[styles.fixed, { paddingBottom: inset.bottom || 12 }]}> <CustomButton label={label} onPress={onPress} /> </View> ) } function CustomButton({ label, size = 'large', variant = 'filled', ...props }: CustomButtonProps) { return ( <CustomPressable style={({ pressed }) => [ styles.container, styles[size], styles[variant], pressed && styles.pressed ]} {...props} > <Text style={styles[variant]}>{label}</Text> </CustomPressable> ) } export const CustomPressable = ({ children, ...props }: PressableProps) => { const pressHandlerProps = Platform.OS === "android" ? { onPressIn: props.onPress || props.onPressIn } : { onPress: props.onPress }; // console.log('pressHandlerProps:::::', pressHandlerProps) return ( <Pressable {...props} {...pressHandlerProps}>{children}</Pressable> ) } node 20v hookform 7.55v ios android 동일 증상 react-native 0.76.9v 버전입니다. 하위 버튼 컴포넌트들에서 onPress 함수만 별도 분리하여 console 찍어봐도 동작하지 않고 signupForm.handleSubmit(onSubmit) 윗부분 console 만 실행되고 있습니다 차라리 터미널에 에러 코드라도 나타나면 좋은데 아예 아무런 반응이 없어서 해결에 애를 먹고 있습니다
- javascript
- react
- react-native
- typescript
- react-query
댓글 1
좋아요 0
조회수 198
교안 어디서 찾아야하나요?
미해결
떠먹는 자바스크립트 비동기
동기와 비동기 개념 동기와 비동기 개념 이전 다음 봤어요 커리큘럼 질문&답변 노트 채팅 스크립트 질문&답변 제목
- javascript
- ajax
- async-await
- https
- promise
- fetch-api
댓글 1
좋아요 0
조회수 116
12.13) New 페이지 구현하기 1. UI 마지막 부분 관련 질문
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
26분 50초 경에 메인 컨테이너가 화면 끝까지 안 내려온다는 이유로 index.css의 body에 display: flex;를 설정해주셨는데 제 화면에서는 display: flex;를 안 적어줘도 메인 컨테이너가 끝까지 내려오고 display:flex; 를 쓴 것과 안 쓴 것의 차이가 없습니다. 지금 React의 버전이 올라가서 달라진 걸까요? 노트북은 LG gram 쓰고 있습니다. display: flex; 체크 되어 있는 버전 display: flex; 체크 안 된 버전
- javascript
- react
- node.js
코린이
댓글 2
좋아요 0
조회수 116
promise.all
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
안녕하세요. promise.all([]) 자바스크립트는 병렬로 실행할수 없는데 promise.all 을 사용하면 병렬이 가능한건가요 ?
- javascript
- rest-api
- spa
- dom
H K
댓글 2
좋아요 1
조회수 129
인스펙터가 웹뷰 내부의 웹을 못잡습니다.
해결됨
웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
안녕하세요 시뮬레이터 실습하고 있는 수강생입니다. 아래 사진처럼 시뮬레이터로 사파리에 접속하면 맥북의 사파리 인스펙터에서 시뮬레이터 속 웹을 인지하는데요, 엑스포 앱을 통해 웹뷰 내부의 웹은 읽지 못하는 것 같아요 따로 설정해야하는 것이 있을까요 ?
- react
- react-native
- next.js
- expo
경이
댓글 3
좋아요 0
조회수 471
input 관련 문의
해결됨
[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
express 로 GraphQL 사용하였을 때 코드는 아래와 같습니다. const typeDefs = `#graphql input CreateBoardInput { writer: String title: String contents: String } type Mutation { createBoard(createBoardInput: CreateBoardInput!): String } `; const resolvers = { Mutation: { createBoard: (parent, args, context, info) => { ... return "게시글 등록 성공" } } 위 내용을 Nest.js - GraphQL 에 적용하였을 때 아래와 같이 구현했습니다. @Mutation(() => String) createBoard( @Args('createBoardInput') createBoardInput: CreateBoardInput, ): string { // 1. 브라우저에서 보내준 Data 확인하기 console.log(createBoardInput.writer); console.log(createBoardInput.title); console.log(createBoardInput.contents); // 2. DB접속 후, 데이터 저장 => 데이터 저장했다고 가정 // 3. DB에 저장된 결과를 브라우저에 응답(response) 주기 return '게시글 등록 성공'; } @InputType() export class CreateBoardInput { // export 추가 및 클래스 이름 변경 @Field(() => String) writer: string; @Field(() => String) title: string; @Field(() => String, { nullable: true }) contents: string; } @InputType() 데코레이터: CreateBoardInput 클래스에 @InputType() 데코레이터를 적용하여, 이 클래스가 GraphQL 스키마에서 입력 타입으로 적용되게 되는데요. InputType 데코레이터의 경우 class 파일 위에 존재해야 한다고 합니다. 지금처럼 InputType이 늘어날때마다 class 를 추가하나요? 실무에서는 어떻게 사용하나요?
- javascript
- node.js
- docker
- rest-api
- nestjs
gkdlsb1234
댓글 2
좋아요 0
조회수 119
풀 라우트 캐시 관련 Dynamic Page 조건에 대해 궁금한 점 있습니다.
해결됨
한 입 크기로 잘라먹는 Next.js
풀 라우트 캐시 조건에 http 요청에서 쿠키나, 헤더값등을 얻어오는 동적함수를 사용하거나 props에서 searchParams 를 꺼내오는 등의 조건들이 동적 페이지로 선정되는 기준이라고 하셨는데요. components/searchbar.tsx 에서 useSearchParams() 훅 사용도 같은 맥락인것 같은데, 이친구는 왜 빌드시에 체크된걸까요? 빌드 과정 중 정적 코드 분석을 통한 경고성 오류일까요? (with-searchbar)/page.tsx 가 static page로 선정되어, 그 내부에 포함되어 있는 컴포넌트이기 때문에 components/searchbar.tsx 까지 빌드하려다가 발생한 오류일까요? useSearchParams() 훅은 dynamic page 선정조건에 포함되지 않은걸까요? 궁금합니다! 만약 수업 내용 중 있었는데, 제가 놓친거라면 죄송합니다~
- react
- typescript
- next.js
dlsrksrhk
댓글 2
좋아요 0
조회수 151
document.getElementById("aa")
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
여기에서 document.getElementById("aa")말고 document.getElementById(aa) 라고 적으면 안되나요? aa는 id설정이 끝난 변수 아닌가요?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
H Hun
댓글 1
좋아요 0
조회수 58
Header 스타일링 강의 logo
미해결
포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편
안녕하세요. 강의 잘 듣고 있습니다 강의 중간에 로고 이미지를 교체하시는데 Header 교안에 첨부된 이미지가 없습니다 어디서 확인할 수 있을까요?
- HTML/CSS
- javascript
- 포트폴리오
- github-pages
r11s
댓글 2
좋아요 0
조회수 120
인기 태그
인프런 TOP Writers
- 정현섭 7
- eggmun(문성진) 4
- hush park 4
- 꿈이 있는 자유 4
- 박효정 3
- morneau 3
- Like me black 3
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚨[월 최소 650만원+] AI/Bigdata 데이터 분석·머신러닝 강사 구합니다🚨 NoFe