넷플릭스 소스코드는 어디서 볼수있나요
미해결
따라하며 배우는 리액트 A-Z[19버전 반영]
넷플릭스 css부분 코드를 보고싶어서요 ,
- typescript
- redux
- tdd
- react
- Next.js
박경빈
댓글 1
좋아요 0
조회수 709
묻고 답해요
176만명의 커뮤니티!! 함께 토론해봐요.
1-D 질문 있습니다.
미해결
10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
일단 유익한 수업 잘듣고 있습니다. 펠린드롬 문제를 풀다가 우연히 생긴 질문인데요. 이 코드대로 했을 때, 알파벳을 쓰는 경우에는 정답이 출력이 되긴 헀으나, 한글로 쓰게 되면 오답이 나오게 되더라구요. 디버깅을 통해 확인해보았는데, "수박수" 라는 문자열을 입력하니, 문자열 사이즈가 9가 나오며, 터미널에서 s[i] 출력이 이상하게 나옵니다ㅠ 이게 어떤 문제인지 알려 주실 수 있을까요?? 아 하나더, 출력 값을 보면, 뒤에 % 표시가 꼭 함께 나오더라구요. 백준에 제출했을때는 이상이 없는데 이부분도 혹시 설정을 통해 안나오도록 바꿀 수 있는지 궁금합니다!! #include <bits/stdc++.h> using namespace std; bool check(string s) { int l = 0; int r = s.size() - 1; while (l <= r) { if (s[l] != s[r]) return false; l++; r--; } return true; } int main() { string s; cin >> s; int ret = check(s) ? 1 : 0; cout << ret; }
- 코테 준비 같이 해요!
- C++
beberiche
댓글 1
좋아요 0
조회수 312
fetchBoard 오류 문제
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
http://practice.codebootcamp.co.kr/graphql fetchBoard 1번 데이터 값이 null이 나옵니다.
- graphql
- nodejs
- seo
- react
- Next.js
민트잎
댓글 1
좋아요 1
조회수 567
페이징 처리시 페이지 번호 유지하기 질문드립니다.
미해결
스프링 프레임워크는 내 손에 [스프2탄]
안녕하세요 선생님. jQuery로 긴 a태그를 대체해서 form에서 input hidden으로 처리하시는데 그냥 원래 긴 a태그 있는 상태에서도 페이지 번호 유지할 수 있는 건가요? 아니면 페이지 번호 유지하기 위해서 form input hidden 방식으로 하는 게 맞나요?? 지금 해봤는데 a태그 뒤에 ?page=${pageMaker.cri.page} 이런식으로 넘기면 되네요?
- JPA
- jquery
- spring
- MVC
- Spring Security
학운학운
댓글 1
좋아요 0
조회수 498
toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.
해결됨
따라하며 배우는 리액트 테스트 [2023.11 업데이트]
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 선생님 안녕하세요! 강의 너무 잘 듣고 있습니다! 감사해요 오류를 잡으려고 노력해봤는데도 잘 안돼서 질문 남깁니다 calculate.test.js파일의 toHaveTextContent()부분에서 모두 오류가 나고 있습니다. 선생님이 주신 소스코드와 제 코드를 모두 비교해봤는데 다 똑같더라구요. 제가 인지하지 못한 오류가 있는지 한 번 봐주실 수 있으실까요? 부탁드립니다ㅜ 오류 부분 calculate.test.js import { render, screen } from "../../../test-utils"; import userEvent from "@testing-library/user-event"; import Type from "../Type"; import OrderPage from "../OrderPage"; test("update products total when products change", async () => { render(<Type orderType="products" />); const productsTotal = screen.getByText("상품 총 가격: ", { exact: false }); expect(productsTotal).toHaveTextContent("0"); // 아메리카 여행 상품 한개 올리기 const americaInput = await screen.findByRole("spinbutton", { name: "America", }); userEvent.clear(americaInput); userEvent.type(americaInput, "1"); // 이 상품을 하나 산다는 뜻 expect(americaInput).toHaveTextContent("1000"); }); - Type.js import React, { useContext, useEffect, useState } from "react"; import Products from "./Products"; import axios from "axios"; import ErrorBanner from "../../components/ErrorBanner"; import Options from "./Options"; import { OrderContext } from "../../contexts/OrderContext"; const Type = ({ orderType }) => { const [items, setItems] = useState([]); const [error, setError] = useState(false); const [orderDatas, updateItemCount] = useContext(OrderContext); // OrderContext.js의 return [{ ...orderCounts, totals }, updateItemCount]; 을 구조분해 useEffect(() => { loadItems(orderType); }, [orderType]); const loadItems = async (orderType) => { try { let response = await axios.get(`http://localhost:5000/${orderType}`); setItems(response.data); } catch (error) { setError(true); } }; if (error) { return <ErrorBanner message="에러가 발생했습니다" />; } const ItemComonents = orderType === "products" ? Products : Options; const optionItems = items.map((item) => ( <ItemComonents style={{ border: "2px solid red" }} key={item.name} name={item.name} imagePath={item.imagePath} updateItemCount={(itemName, newItemCount) => updateItemCount(itemName, newItemCount, orderType) } /> )); let orderTypeKorean = orderType === "products" ? "상품" : "옵션"; return ( <div> <h2>주문종류</h2> <p>하나의 가격</p> <p> {orderTypeKorean} 총 가격: {orderDatas.totals[orderType]} </p> <div style={{ display: "flex", flexDirection: orderType === "options" && "column", // }} > {optionItems} </div> </div> ); }; export default Type; orderContext.js import { createContext, useState, useMemo, useEffect } from "react"; export const OrderContext = createContext(); const pricePerItem = { products: 1000, options: 500, }; function calculateSubtotal(orderType, orderCounts) { let optionCount = 0; for (const count of orderCounts[orderType].values()) { optionCount += count; } return optionCount * pricePerItem[orderType]; } export function OrderContextProvider(props) { const [orderCounts, setOrderCounts] = useState({ products: new Map(), options: new Map(), }); const [totals, setTotals] = useState({ products: 0, options: 0, total: 0, }); useEffect(() => { const productsTotal = calculateSubtotal("products", orderCounts); const optionsTotal = calculateSubtotal("options", orderCounts); const total = productsTotal + optionsTotal; setTotals({ products: productsTotal, options: optionsTotal, total, }); }, [orderCounts]); const value = useMemo(() => { function updateItemCount(itemName, newItemCount, orderType) { const newOrderCounts = { ...orderCounts }; const orderCountsMap = orderCounts[orderType]; orderCountsMap.set(itemName, parseInt(newItemCount)); setOrderCounts(newOrderCounts); } return [{ ...orderCounts, totals }, updateItemCount]; }, [orderCounts, totals]); return <OrderContext.Provider value={value} {...props} />; }
- React-Context
- 웹앱
- react
- jest
sos
댓글 2
좋아요 0
조회수 701
타이머제작 질문드립니다.
해결됨
[코드캠프] 시작은 프리캠프
복습하다가 코드를 새로 적어봤는데. 이렇게 해도 동작은 되는데 혹시 문제가 있을까요..!?
- javascript
- HTML/CSS
정아
댓글 1
좋아요 0
조회수 397
mac KoNLP 설치 오류
미해결
R로 하는 텍스트마이닝 (Top keyword부터 감성분석까지)
안녕하세요! 설치할 패키지들 다 설치하고, 이틀동안 인터넷 찾아가면서 따라했는데 KoNLP 만 설치하려고 하면 지원하는 버전이 아니라고 뜹니다ㅠㅠㅠㅠ 어떻게 해야할까요?
- R
- 웹-크롤링
- 텍스트마이닝
이나연
댓글 1
좋아요 0
조회수 2117
[non-SARG] LEN()을 쓰지 않고 문자열 개수 구하기
해결됨
SW 개발자를 위한 성능 좋은 SQL 쿼리 작성법
where LEN(일련번호) = 8 에서 함수를 쓰지 않고 구하는 방법은 또 어떤게 있나요??
- DBMS/RDBMS
- sql
유진
댓글 1
좋아요 0
조회수 457
강의 자료 요청 드립니다!
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
강의 자료 압출 파일이 열리지 않아 이메일로 발송 부탁드리겠습니다! leeyuyoun@naver.com
- python
이유연
댓글 1
좋아요 0
조회수 236
모달 창이 사라지지 않고 처음부터 계속 띄어져있어요
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
<template> <div class="inputBox shadow"> <input type="text" v-model="newTodoItem" placeholder="Type what you have to do" v-on:keyup.enter="addTodo"> <span class="addContainer" v-on:click="addTodo"> <i class="addBtn fa fa-plus" aria-hidden="true"></i> </span> <Modal> v-if="showModal" @close="showModal = false"> <h3 slot="header"> 경고! </h3> </Modal> </div> </template> <script> import Modal from './common/Modal.vue' export default{ data: function(){ return { newTodoItem:'', showModal: false } }, methods: { addTodo: function(){ if(this.newTodoItem !== ''){ this.$emit('addTodoItem', this.newTodoItem); this.clearInput(); }else{ this.showModal = !this.showModal; } }, clearInput(){ this.newTodoItem = ''; } }, components:{ Modal: Modal } } </script> 위에는 TodoInput.vue 부분입니다. <template> <Transition name="modal"> <div class="modal-mask"> <div class="modal-wrapper"> <div class="modal-container"> <div class="modal-header"> <slot name="header">default header</slot> </div> <div class="modal-body"> <slot name="body">default body</slot> </div> <div class="modal-footer"> <slot name="footer"> default footer <button class="modal-default-button" @click="$emit('close')" >OK</button> </slot> </div> </div> </div> </div> </Transition> </template> <style> .modal-mask { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: table; transition: opacity 0.3s ease; } .modal-wrapper { display: table-cell; vertical-align: middle; } .modal-container { width: 300px; margin: 0px auto; padding: 20px 30px; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); transition: all 0.3s ease; } .modal-header h3 { margin-top: 0; color: #42b983; } .modal-body { margin: 20px 0; } .modal-default-button { float: right; } /* * The following styles are auto-applied to elements with * transition="modal" when their visibility is toggled * by Vue.js. * * You can easily play with the modal transition by editing * these styles. */ .modal-enter-from { opacity: 0; } .modal-leave-to { opacity: 0; } .modal-enter-from .modal-container, .modal-leave-to .modal-container { -webkit-transform: scale(1.1); transform: scale(1.1); } </style> 위에는 Modal.vue 부분입니다. 위는 프로젝트 구조입니다. 모달창이 저렇게 계속 띄어져있습니다. 그냥 실행하자마자 띄어져있고 OK를 눌러도 닫혀지지가 않습니다. 왜 그런지 혹시 알 수 있을까요?
- es6
- vuejs
- vuex
- javascript
임명수
댓글 1
좋아요 1
조회수 506
프로젝트 파일이 정상적으로 안되는데
해결됨
배틀로얄 게임을 만들어보며 배우는 언리얼 게임 개발
프로젝트 파일을 받을수 있는것도 없고.... 기능에 대한 강의 업데이트도 안하고;;;; 이거참....
- unreal
토데카
댓글 0
좋아요 0
조회수 474
확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 02(애니메이션 사이드메뉴 만들기) 6:50초 질문 드립니다.
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
■ 질문 남기실 때 꼭! 참고해주세요. - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. html <div class="container"> <input type="checkbox" id="trigger"> <label for="trigger"> <span></span> <span></span> <span></span> </label> <div class="sidebar"></div> </div> css body { height: 100vh; /* display: flex; justify-content: center; align-items: center; */ color: #fff; margin:0; padding:0; } a { color: #222; text-decoration: none; } .container {} input[id=trigger] { display: none; } label[for=trigger] { /* border: 1px solid red; */ width: 40px; height: 30px; display: block; position: absolute; cursor: pointer; right: 10px; top:50%; transform: translateY(-50%); transition: 0.3s; } label[for=trigger] span { position: absolute; height: 2px; background-color: #000; width: 100%; transition: 0.3s; } label[for=trigger] span:nth-child(1){ top:0; } label[for=trigger] span:nth-child(2){ top:50%; } label[for=trigger] span:nth-child(3){ top:100%; } input[id=trigger]:checked + label[for=trigger] span:nth-child(1){ top:50%; transform: rotate(45deg); } input[id=trigger]:checked + label[for=trigger] span:nth-child(2){ opacity: 0; } input[id=trigger]:checked + label[for=trigger] span:nth-child(3){ top:50%; transform: rotate(-45deg); } .sidebar { width: 300px; height: 100vh; background-color: #000; position: absolute; right: -300px; transition: 0.3s; } input[id=trigger]:checked ~ .sidebar { right: 0; } input[id=trigger]:checked + label[for=trigger] { right: 310px; } 혼자 다시 연습하다 6:50초 경에 나온 사이드바 부분의 position을 fiexd 가 아닌 absolute 로 한 뒤 right: -300px 로 가렸더니 숨겨지는게 아니라 가로스크롤이 생기면서 옆을 볼 수 있게 되는데, 애초에 부모의 값이 따로 없고 100% 라 그런거라면 왜 fiexd는 가려지는데 absolute 는 옆에 공간이 따로 생겨서 사이드바가 생기는 걸까요? 그리고 높이는 둘다 똑같이 100vh 인데 왜 세로 스크롤도 생기는걸까요??? 그리고 또 하나 궁금한게 이전에 햄버거 버튼을 만들때 label에 position : relative; 를 주고 span에 position : absolute; 를 줘서 배치를 했는데, 사이드바 생성시 햄버거 버튼의 위치 조정을 위해 label을 absolute로 변경 하게 되면 부모자식 관계였던 lable과 span이 모두 absolute 속성을 가지게 되는데 이런 건 전혀 문제될게 없는걸까요???
- HTML/CSS
- jquery
kio4545
댓글 1
좋아요 1
조회수 371
v-model 속성과 submit 이벤트 처리에서 질문 있습니다!
미해결
Vue.js 시작하기 - Age of Vue.js
event.preventDefault();를 사용했는데 콘솔창에 test 1234가 남지 않고 여전히 새로 고침이 됩니다. 구글링을 해봤지만 답을 찾는데 시간이 너무 소모되서 질문게시판에 올립니다 ㅠ 아래는 제가 작성한 App.vue와 콘솔창 캡처본입니다
- vuejs
- javascript
sunpil86
댓글 2
좋아요 1
조회수 432
nextJs13 강의자료 문의
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
안녕하세요 선생님! 혹시 pdf자료 중 nextJs13 다이어그램에 대한 PDF자료는 어디에 있는지 알 수 있을까요? 기존 자료에는 빠져있는거 같습니다!
- typescript
- postgresql
- react
- docker
- nodejs
- 클론코딩
- Next.js
호이짜
댓글 1
좋아요 0
조회수 681
프로젝트 권한 요청 드립니다.
미해결
Vue.js + TypeScript 완벽 가이드
첫번째, 두번째 프로젝트 권한 요청 드립니다. 깃헙 계정: joie.huiju@gmail.com
- typescript
- vuejs
김희주
댓글 1
좋아요 1
조회수 258
질문드립니다.
미해결
스프링 프레임워크는 내 손에 [스프2탄]
안녕하세요 선생님 페이징처리할 때 jsp에서 <! -- 페이징 START --> <div class="pull-right"> <ul class="pagination"> <! -- 이전처리 --> <! -- 페이지번호 처리--> <c:forEach var="pageNum" begin="${pageMaker.startPage}" end="${pageMaker.endPage}"> <c:if test="${ pageMaker.cri.page != pageNum}"> <li class="page-item"><a class="page-link" href="${cpath}/board/list?page=${pageNum}">${pageNum}</a></li> </c:if> <c:if test="${ pageMaker.cri.page == pageNum}"> <li class="page-item active"><a class="page-link" href="${cpath}/board/list?page=${pageNum}">${pageNum}</a></li> </c:if> </c:forEach> <! -- 다음처리 --> 이런식으로 할 때요 ${cpath}/board/list?page=${pageNum} 이 부분이 ?page=${pageNum} 이렇게 이용을 하는데 컨트롤러에서는 RequestParam이 없는데 되네요? 이 부분 헷갈리는데 설명 부탁드립니다!
- spring
- Spring Security
- jquery
- JPA
- MVC
학운학운
댓글 1
좋아요 0
조회수 338
request scope를 사용하지 않고 파라미터로 이 모든 정보를 서비스 계층에 넘긴다란 말의 의미
미해결
스프링 핵심 원리 - 기본편
request scope 사용 유무와 파라미터를 통해 정보를 서비스 계층에 넘기는 거랑 무슨 상관이 있는 거죠 ...?
- spring
- oop
g g
댓글 1
좋아요 0
조회수 569
15.5 unique_ptr return
미해결
홍정모의 따라하며 배우는 C++
auto doSomething2(std::unique_ptr<Resource> res) { res->setAll(10); return res; } ... int main() { ... res1 = doSomething2(std::move(res1)); } 이부분에서 res1를 R-value로 전환하여 doSomething2함수의 파라미터인 L-value res에 주소의 소유권을 넘겨준 것 까진 이해했습니다, 그리고 doSometing의 함수가 끝나면 res라는 unique_ptr 변수는 해제되는 거 아닌가요?? 해제 된 변수를 return 해서 사용해도 괜찮은건가요??
- C++
데자르
댓글 1
좋아요 0
조회수 283
뭐가뭔지...하나도 안나와요
미해결
따라하며 배우는 HTML, CSS
강의시작 눌렀는데 까만 화면만 나오네요 소스받기등은 눌러봐도 빈 압축폴더만 다운로드 되고요 진행관련 자세하게 방법을 알려주면 좋으련만...
- 소스코드
- 다운로드
- HTML/CSS
- 강의시작
- 이게맞나
topcyber5
댓글 1
좋아요 0
조회수 388
Transaction 질문드립니다.
미해결
스프링 프레임워크는 내 손에 [스프1탄]
안녕하세요 선생님!! 그동안 저혼자 프로젝트 만들어보면서 선생님 도움 많이 받았습니다. 감사합니다. 하면서 보니 배웠던 것도 써봐야 진짜 제 것이 되더라구요. 감사합니다. 그리고 Transaction 처리에 대해서 궁금한 게 있습니다. 프로젝트에 만약에 service말고 controller단에서 처리를 할 때에는 컨트롤러 class위에 @Transactional을 붙여주면 Transaction 처리가 되는 건가요? 아니면 추가로 더 해줘야 할 것이 있을까요??
- MVC
- spring
- Spring Security
- jsp
학운학운
댓글 1
좋아요 0
조회수 263