OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
jsx
전체
최신순
질문하기
해결
1
코딩슬레이브
·
1년 이상
333
0
해결 1
React에서 option 태그 변경시 기존 데이터 출력 문제.
const [movies, setMovies] = useState([]); const [page, setPage] = useState(1); const [sortOption, setSortOption] = useState("popularity.desc"); const getMovies = () => { fetch(url, getOptions()) .th
해결
6
코딩슬레이브
·
1년 이상
445
0
해결 6
html 및 css에서 아주 큰 이미지를 요소 크기에 적절하게 조절하는 방법.
<div className={styles[`detail-body-container`]}> <div className={styles[`contents`]} style={<!-- -->{ background : ` url(${imgUrl}) no-repeat center / cover
해결
2
코딩슬레이브
·
1년 이상
447
0
해결 2
리액트 및 자바스크립트에서 변수 값 변화
let page = 1; const url = `https://api.themoviedb.org/3/discover/movie?include_adult=false&include_video=false&language=en-US&page=${page}&sort_by=popularity.desc&vote_average.gte=2.5`;
답변
2
코딩슬레이브
·
1년 이상
245
0
답변 2
React 에러 (Warning: Encountered two children with the same key)
function MovieList() { useEffect(() => { const getNexPage = () => { const { scrollTop, clientHeight, scrollHeight } = document.documentElement; if (scrollTop + clientHeight >= scrollHei
해결
1
코딩슬레이브
·
1년 이상
429
1
해결 1
[React] 개발자 도구 콘솔창에서 왜이렇게 많이 출력 될까요..?
import styles from "../MovieListCard.module.css"; async function test(url) { const responses = await fetch(url).then(response => response.json()); const result = responses; console.log(result); } function MovieListCa
답변
2
코딩슬레이브
·
1년 이상
384
0
답변 2
React 초보.. 컴포넌트 생성 뭐가 잘못됐는지좀 봐주세요..
import styles from "../Header.module.css"; function Header() { return ( <div className={styles[`header-container`]}> <h1>BEOMFLIX</h1> <div className={styles[`sign-cont
답변
0
cstangga
·
1년 이상
1.3k
2
답변 0
리액트에서 꼭 jsx만 써야 하나요??
답변
0
배움은끝이없다
·
거의 2년
290
0
답변 0
리액트 질문!
현재 리액트 구조를 다음과 같이 설정했습니다. 루트(react 일반폴더) common (일반 폴더) Button.js (일반 함수형 컴포넌트 js파일) packages (일반 폴더) human (create-react-app 패키지) human 패키지에 common 을 yarn add common 명령어를 입력해서 설치하고 컴포넌트를 import 해서 사용하니깐 jsx 문법을 읽을 수 없다고 오류가 나더라구요. syntax 'jsx'
답변
0
cooled
·
2년 이상
494
0
답변 0
리액트 JSX를 스프링 부트의 thymeleaf 템플릿에 넣어서 뷰로 사용하는데 에러
자바 개발자 준비하며 프로젝트중인 학생입니다.. 스프링 부트 jpa 기반 웹개발 프로젝트 중인데 리액트로 뷰를 한페이지 이상 사용해야해서 환경은 구성하고 여러방법으로 해보는 중인데 제목처럼 App.js 혹은 라우터로 "/"에 할당한 한 컴포넌트만 떼서 쓰고 싶어서 다양한 방법으로 시도해봤습니다. 리액트 빌드 후에 static 영역에 넣고 빌드된 번들.js 파일을 th:src로 불러오는 방법이 있어서 사용했는데 불러와지질 않네요 자바 컨
답변
2
ㅇㅇ(192.168)
·
2년 이상
457
0
답변 2
React 최신버전이 next인건가요?
react.dev 보니까 자습서에 넥스트라 적혀있어서 물어봅니다 !react를 업그레이드 해서 나온게 next라고 알고있었는데 저는 서로 다른줄 알고 있었습니다 약간 js와 ts정도의 차이라고 생각하고 있었는데 그게 아녔나용?
답변
4
Gallent guy
·
3년 이상
510
0
답변 4
자바스크립트, 이게 보안에 위험이 있는 코드인가요?
JSX를 배우고있던 와중에책 내용 中//이거는 위험const title = response.potentiallyMaliciousInput;//이 코드는 안전하다.const element = <h1>{title}</h1>입력창에 문자나 숫자 같은 일반적인 값이 아닌 소스코드를 입력하여 해당코드가 실행되도록 만드는 해킹 방법이 있
답변
2
Leclerc
·
3년 이상
362
0
답변 2
React를 사용하려는데, 이럴 경우 사용하는 의미가 없나요?
다른 회사에서 제공해주는 템플릿 버튼, 테이블, 그리드 UI를 이용하려고 하는데, 회사들마다 제공방식은 다르긴 하지만, 어떤 회사의 UI 제공 방식을 깃허브에서 보니, 예시 소스들이 있길래 그중에 버튼을 구현하는 소스코드를 확인해보니 HTML 파일 안에 CDN 방식으로 버튼을 어떻게 구현하는지 보여주는 방식으로 제공하여 버튼 UI 소스를 제공해주더군요.다른 UI들도 마찬가지구요. React를 공부한지 일주일도 채 안됐지만, React는
답변
1
다시시작하는
·
3년 이상
418
0
답변 1
jsx, babel, react의 관계에 대
babel은 javascript 컴파일러이고(예전 이름은 '6to5') 제공하는 기능은 아래와 같음 - ES6 이상의 문법을 ES5로 변환 (대부분의 브라우저와 버전에서 이상없이 돌아가게 하기 위해) - JSX 문법을 javascript로 변환JSX는 javascript xml의 약자이고 javascript에 html을 쉽고 편하게 결합내지는 혼용하여 표현하는 문법브라우
답변
2
서재열_개발자
·
3년 이상
213
0
답변 2
React map rendering
빨간색부분은 렌더링이 안되고 파란색부분은 렌더링이 됩니다. companyQuestion.length <= 1 이라고 조건을 바꿔봤을 때 <div>값이없음</div>이 렌더링 되는 걸로 봐서 companyQuestion.length도 1이상이고 삼항연산자에는 문제
답변
0
mystell
·
3년 이상
268
0
답변 0
React의 <React.StrictMode> 의 검사항목에서 제외를 하는 방법을 알고 싶습니다!
컴포넌트를 언마운트를 한 적이 없는데도 componentWillUnmount() 가 호출되서 소멸자에 작성한 대로 객체가 지닌 데이터를 해산 하는 과정이 실행되는 바람에 결과가 망가집니다.아마 원인이 StrictMode 때문으로 보이는데, 저는 이 StrictMode를 계속 사용하고 싶습니다.그래서 혹시 strictMode의 실행 항목에서 제외를 하는 방법이 있는지 살펴보고 있지만 예외 처리들과 검
해결
2
뎁후
·
3년 이상
299
0
해결 2
React return 후 괄호 질문드립니다.
읽어주셔서 감사합니다.이하의 코드를 작성중에 괄호를 어떻게 집어 넣어야 정상적으로 작동할지 몰라서 헤매다가 글올립니다. ㅠㅠconst abc = ({param, onClick}) => { const RegExp = 정규표현 검사 식; const V
해결
2
레이블
·
3년 이상
519
0
해결 2
react에 ckeditor 적용하는데 어디를 수정 해야하는지 모르겠습니다
기존 textarea 코드const TextArea = ({ setTitle, setContent, title, content }) => { return ( <div className="textArea-wrapper">
해결
2
부르릉
·
3년 이상
251
0
해결 2
검색어 입력시 해당 키워드 스타일링
검색창에 검색어 입력시 해당 키워드 색이나 굵기를 조정해주고 싶은데 코드 구현하자니 막히네요..ex) '나이키' 입력 => 나이키 후드집업'나
해결
2
상상++
·
약 4년
795
0
해결 2
에러 관련 질문도 여기서해도 괜찮을까요?//프론트엔드(graphQL,apollo-client,react)
리액트와 그래프큐엘,아폴로클라이언트 사용중입니다. os는 우분투 22.04 lts입니다.도대체 저게 왜 신택스 에러라는
답변
1
쓰로우내인생익셉션
·
약 4년
380
0
답변 1
React 사용 중 문법 질문
안녕하세요.. 질문드리기가 좀 부끄럽기도 한데 도저히 잘 모르겠는 부분이 있어서올려보게 되었습니다. 자바스크립트 초보라서 문의드립니다.. 리액트이고, Component 구성 중 생긴 오류입니다. App.js 에서 div style="color:rgb( 212 , 212 , 212 );background-color:rgb( 30 , 30 , 30 );font
이전
1
2
다음
Search Bar