묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
Antd / Less and Sass / CSS modules 설정 질문입니다
AOS라는 라이브러리를 사용하고 싶어 cssModule을 사용해야 하는데 import 'aos/dist/aos.css'; antd customizing Theme을 위해 @zeit/next-less을 사용한 상태여서 cssModule 사용이 불가능하다고 합니다. 이런 경우 공식문서(https://github.com/vercel/next-plugins/tree/master/packages/next-less)에서는 // next.config.js const withLess = require('@zeit/next-less') module.exports = withLess({ cssModules: true, cssLoaderOptions: { importLoaders: 1, localIdentName: "[local]___[hash:base64:5]", } }) 이런 식으로 설정하면 된다고 나와있어서 시도해보았지만 여전히 css 파일을 못읽어 module parse error가 나왔습니다. 그래서 @zeit/next-css를 적용시켜보니 css파일을 읽혀지지만 antd 기본 디자인이 적용되지 않는 문제가 발생했습니다. /next.config.js const withCSS = require('@zeit/next-css'); const withLess = require('@zeit/next-less'); module.exports = withCSS(withLess({ lessLoaderOptions: { javascriptEnabled: true, }, cssModules: true, cssLoaderOptions: { importLoaders: 3, localIdentName: '[local]___[hash:base64:5]' }, distDir: '.next', webpack(config, { webpack }) { const prod = process.env.NODE_ENV === 'production'; const newConfig = { ...config, mode: prod ? 'production' : 'development', plugins: [ ...config.plugins, new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /^\.\/ko$/), ], } if (prod) { newConfig.devtool = 'hidden-source-map'; } return newConfig; }, })); 비슷한 경우가 있어서 따라해보았지만 'How to configure Next.js with Antd / Less and Sass / CSS modules' https://stackoverflow.com/questions/61240582/how-to-configure-next-js-with-antd-less-and-sass-css-modules 이 경우 또한 module parse error가 나왔습니다. /next.config.js const withLess = require('@zeit/next-less'); const withSass = require('@zeit/next-sass'); const lessToJS = require('less-vars-to-js'); const fs = require('fs'); const path = require('path'); // Where your antd-custom.less file lives const themeVariables = lessToJS( fs.readFileSync(path.resolve(__dirname, './assets/antd-custom.less'), 'utf8') ); module.exports = withSass({ cssModules: true, ...withLess({ lessLoaderOptions: { javascriptEnabled: true, modifyVars: themeVariables, // make your antd custom effective importLoaders: 0 }, cssLoaderOptions: { importLoaders: 3, localIdentName: '[local]___[hash:base64:5]' }, webpack: (config, { isServer }) => { //Make Ant styles work with less if (isServer) { const antStyles = /antd\/.*?\/style.*?/; const origExternals = [...config.externals]; config.externals = [ (context, request, callback) => { if (request.match(antStyles)) return callback(); if (typeof origExternals[0] === 'function') { origExternals[0](context, request, callback); } else { callback(); } }, ...(typeof origExternals[0] === 'function' ? [] : origExternals) ]; config.module.rules.unshift({ test: antStyles, use: 'null-loader' }); } return config; } }) }); 1. antd 기본 스타일을 유지한 채 2. them customizing을 위해 @zeit/next-less을 사용하면서 3. cssModule 사용도 가능하려면 next.config.js를 어떤 식으로 설정해야 될까요?
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
강의자료 관련 문의 드립니다
함수강의 관련 강의자료를 받을 수 있는지 궁금합니다.
-
미해결윤재성의 처음 시작하는 파이썬
반올림에 대해
a3 = round(55.55 ,1); print(a3) 를 출력했을때, 55.5 라는게 나오던데 소주점 둘째자리에서 반올림을 하게되면 55.6 아닌가요? 왜 55.5가 나오는지 궁금합니다.
-
미해결페이스북 클론 - full stack 웹 개발
DIRS부분에서 os부터 그대로 작성했는데 오류가 뜹니다.
(사진)
-
미해결스프링과 JPA 기반 웹 애플리케이션 개발
Study settings - tags and zones 커밋질문
fragments.html 커밋 목록에서 311- 354 line 사용하지 않는 코드가 맞나요 ? 스스로 해보고 커밋 분석하다가 발견해서 질문합니다
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
__NEXT_REDUX_WRAPPER_HYDRATE_가 두번 나오네요
현재 서버사이드랜더링 준비하기 이 강좌를 다 들었는데요. https://github.com/wngus6429/ZeroCho/tree/main/nodebird/prepare 첫화면 띄울시에 저기 __NEXT_REDUX_WRAPPER_HYDRATE_가 두번 나오네요. 무슨 이유인지 궁금해서 질문드립니다. 데이터는 정상적으로 나오구요.
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
인텔리제이 오류
인텔리제이 껐다 다시키면 다음과 같이 오류가 발생하는대 어떻게 해야되죠?
-
미해결하울의 안드로이드 인스타그램 클론 만들기
task 오류
signinAndSignup함수와 singinEmail함수에 공통으로 들어가는 task에서 type mismatch오류가 납니다. Error창에선 Unable to find method 'org.gradle.api.file.ProjectLayout.fileProperty(Lorg/gradle/api/provider/Provider;)Lorg/gradle/api/file/RegularFileProperty;'. 라고 뜨는데 위 오류와 관련이 있는지도 질문드립니다.
-
미해결따라하면서 배우는 고박사의 유니티 기초
큐브가 게임화면에서 비추어지질않아요 ㅜ
아예 플레이어 앞에 갖다놔도 게임뷰에서는 안보이네요...
-
미해결스프링 핵심 원리 - 기본편
object provider 질문드립니다.
안녕하세요. 빈 스코프 관련 질문드립니다. singleton bean에서 prototype bean을 사용하기위해 objectprovider.getObject()를 사용하는데요 빈 스코프가 프로토타입인 경우 application context는 요청때마다 빈을 새로 생성해서 전달하고 그 이상은 관여 안한다고 들었습니다. 그렇다면 싱클톤 빈의 특정 메서드 내에서 objectProvider.getObject()를 수행해 사용한 프로토타입 bean은 그 메서드가 종료되면 바로 gc 대상이 되는 건가요? 혹시 계속 존재하거나, 직접 소멸시켜 줘야하는건가요? 답변 부탁드리겠습니다. 감사합니다.
-
미해결모던 안드로이드 - 코틀린과 Jetpack 활용
지금도 프로그램이 되나요?
공적마스크 api가 종료 됨으로써 지금도 충분히 테스트 가능한건가요? 코틀린 버전으로 다운받아서 해도 안되던데요..ㅠㅠ 혹시 지방에는 대체api에 약국리스트가 없어서 안되는건가 싶기도하고...
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
타임리프 문제
강의 따라가면서 실습하고 있는데요. html 파일 만들 때 자동으로 html 태그에 타임리프 url 이 없는데 어느 부분에서 놓친건지, 하나씩 작성해줘야하는건지 모르겠습니다
-
미해결3dsmax 초급부터 전문가까지 - 한방에 끝내는 3dsmax 강좌
low poly 탱크 모델링 2강좌 문의
11분 08초에서 리셋엑스폼하고 시메트리 적용하면 시메트리 축이 이상하고 영상에 나오는 시메트리의 오브젝트축이 다르네요. 이유를 모르겠네요
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
segmentation 관련 파일이 없습니다.
안녕하세요. PSCAL VOC 파일 다운 중에 접속 불가가 있어 질문 리스트를 찾아보니 다른 사이트를 알려주셔서 파일 다운을 완료하였습니다. 다만 저도 segmentation 파일이 없었고, 이에 대해 답변 해주신 아래의 사이트에서 다운을 시도하였지만 접속이 불가한 상태입니다. 이에 대한 다른 사이트가 있을까요? http://host.robots.ox.ac.uk/pascal/VOC/voc2012/index.html#data
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
와 겨우겨우 했습니다.
처음이라 그런지 아니면 원래 이런지 정말 어려워요ㅠㅠㅠ 그래도 유익하게 잘 배우고 있습니다. 좋은 강의 감사합니다!
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
postman에서 email값이 null...
안녕하세요, 수업 정말 감사합니다~! 오타인것 같아서, 선생님 깃허브도 보고 비교하면서 했는데, 여전히 고쳐지지가 않아서, 질문드려요 ㅠ console로 찍었을때, user값이 이 값으로 나오는데, 들어노는게 문제인지 어느 부분이 잘못되었을까요? email값이 null이네요.. ㅠ { role: 0, _id: 5fcf43430591df2796372b6c } https://github.com/cocoball200/react-project 위에 제 깃허브에서 commit 메세지에 error부분들을 고쳤습니다! 항상 감사합니다~!
-
미해결아마존 클라우드 무료계정으로 시작하는 서버리스 애플리케이션 프로젝트
다 해줘도 여전히 오류가 발생합니다.
api gateway에서 cors 활성화 시켜주고 각 lambda에 수정한 소스를 넣어주었는데도 오류가 발생하는데 답답하네요 ㅠ
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
gradlew.bat
파일이 없는대 어떻게 해야 하죠?
-
미해결데브옵스(DevOps)를 위한 쿠버네티스 마스터
ubuntu ova 관련해서 질문 드립니다.
안녕하세요. 업무상 VMWare를 사용하고 있어서 VirtualBox로 사용하는데 제약이 있어서 ubuntu VM을 VMWare에 설치해서 진행하려고 하는데, 따로 ova 안에 구성해놓은 것들이 있으신가요? 또 ubuntu가 현재 최신버전으로 나왔는데, 최신버전으로 설치해도 강의를 진행하는데 문제가 없는지도 확인 부탁드립니다.
-
해결됨스프링 데이터 JPA
비동기 쿼리
안녕하세요 기선님 항상 좋은 강의 감사드립니다! 매 영상마다 질문을 남기는 것 같아 죄송하네요.. 비동기 쿼리에 대한 내용을 제 나름대로 요약해서 해석해보려 노력중인데 곡해가 있을까 걱정이 되어 이렇게 글을 남깁니다. 비동기 쿼리를 사용하는 것을 보니, 쿼리를 날리고 데이터를 받아오기 전까지 메인 쓰레드를 놀리지 않기 위해 비동기 쿼리를 사용하는 것으로 보입니다. 그런데 Future 을 사용하면 결국 get 으로 받아오는 작업에서 메인쓰레드가 블로킹이 되니까 Future 보단 콜백메서드를 사용할 수 있는 ListenableFuture 을 사용하는 걸 추천하신거라고 이해 됩니다. 그렇다면 여기서 조금 쓸모없는(?) 작업이긴 하지만 Future 의 get 을 받는 Thread 를 직접 구현해도 되겠다는 생각도 듭니다. 그리고 비동기 쿼리에 대한 테스트 코드 작성이 어려운 이유는 테스트의 특성상 위 테스트는 작업 전체가 한 트랜잭션이 될 테고, save 된 데이터를 가져오기 위한 쓰레드가 작업을 마치기도 전에 메인쓰레드가 끝나버리면서 하이버네이츠의 DB에 변화를 가져오지 않는 쿼리는 날리지도 않는 특성에 의해 insert 쿼리 조차 날라가지 않는 테스트가 되는 거구요. 의도적으로 flush() 를 통해 insert 를 할 수 는 있으나, insert 와 같은 트랜잭션 안에서 시작된 select 쿼리는 그 트랜잭션 내에서 insert가 된 데이터를 인지할 방법은 없게 된다는 설명으로 이해했습니다. 그렇다면.. 테스트를 위해서 @BeforeEach 를 통해 데이터를 먼저 집어넣은 상태로 동작을 확인할 수 있진 않을까 했지만, 이 작업자체도 DB의 변화를 일으키는 작업이 아닌만큼 하이버네이츠가 insert 를 날리지조차 않더군요. 그래서 위 코드에서 flush()를 추가하여 insert를 날렸지만.. 결과는 이렇더군요... 그런데 제 나름대로의 해석으로는 마지막 결과가 조금 이해가 되지 않네요.. 데이터를 집어넣었고 select 를 하는게 보이는데, size 는 0 이뜨고 근데 또 테스트는 성공하네요.. @BeforeEach도 결국은 한 트랜잭션안에서 동작하여 기존의 테스트 코드처럼 내부에서 Comment를 insert 하는 것과 동일한 작업인것인지.. 근데 또 테스트는 어떻게 성공한건지... 어디가 잘못된걸까요? 또 만약,, 제가 이상하게 이해한 부분이 있는 것 같다면 알려주시면 너무 감사하겠습니다!!