묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨모든 개발자를 위한 HTTP 웹 기본 지식
강의교재 관련
UDP 특징 연결지향 - TCP 3 way handshake X 라고 되어있습니다. ( 통합 강의교재 - 32page, 챕터별 강의교재- 1.internet-network의 30page ) TCP가 Connection-Oriented, UDP가 Connectionless이니 [연결지향]은 오타인 것 같습니다* 혹시 오타 변경이 되더라도, 이름은 안 남겨주셨으면 좋겠습니다...
-
미해결Slack 클론 코딩[실시간 채팅 with React]
안녕하세요! 타입스크립트 관련 질문있습니다. ㅎㅎ
타입스크립트에서 함수컴포넌트를 만들때 const Test: React.FC = () => {}이런식으로 작성하는것을 많이 보았는데 const Test = () => {} 이런식으로 React.FC을 생략해주는것이 좋은방식인가요???
-
미해결Java TPC (생각하고, 표현하고, 코딩하고)
강의 12:06 질문있습니다.
여기서 가정은 super class 의 구조, 구동방식은 안다고 가정을 하는 거인가요?
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
오늘 시험 보고 왔는데요~
폰트 패밀리 지정 안하는게 맞는거죠? 구글이랑 익스플로러의 폰트가 다르게 표시되서 맑은 고딕으로 지정하려다가 강의에 없던 내용이라 body {margin:0; font-size:15px; background-color:#fff; color:#333333; } 이렇게 배운대로만 코딩했어요. 준수사항에서 <제작된 사이트 메인페이지의 레이아웃, 구성요소의 크기 및 위치 등은 최신버전의 익스플로러와 구글 크롬에서 동일하게 표시되어야 한다> 라고 되어 있어서 폰트 패밀리는 지정 안했습니다..이게 신경쓰여요 ㅎ 빠른 답변 부탁드려요~^^
-
미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
주석처리
영상 초반에 주석처리를 한 상태에서 mousemove를 click으로 바꾸고 css에서 트레지션값을 주면 아무 변화가 안 나타납니다 하지만 주석처리를 안하고 click으로 바꾸면 css가 먹힙니다 왜이런건가요..?
-
해결됨자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
안녕하세요 강사님!
안녕하세요. 이번에 구매해서 처음 듣게 된 취준생입니다! 나중에 취준시에 필요해서 블로그를 운영중인데요. 해당문제와 제가 푼 답안을 블로그나 깃에 올려도되는지 궁금합니다.
-
미해결Sigil(시길)을 이용하여 전자책 만들기
본문글 2단 작성
안녕하세요? 본문글을 2단으로 작성(760px 이하에서는 자동으로 1단)을 가르쳐 주신 대로 해 보았습니다 그런데, 글 내용이 길어서 그런지, 한 페이지에서 글을 이어 읽고 다음 페이지로 넘어가는 것이 아니라 , <div>로 감싼 곳 끝까지 갔다가 다시 처음 페이지로 돌아와 2번째 단을 읽을 수 있었습니다. 본문의 길이가 길면 2단으로 만들 수 없는 것인지 아니면 페이지 마다 2단을 제어할 수 있는 기능이 있는 것인지 알려 주시기 바랍니다. 2단을 제어할 수 있는 기능이 있다면 그것도 함께 알려 주시기 바랍니다. 고맙습니다.
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
훈련 중 validation_loss가 급격하게 튀는 이유가 무엇인지 알 수 있을까요?
안녕하세요. 혹시 모델 훈련 중에 다음과 같이 한 두 번씩 validation loss가 튀는 현상이 발생하는데, 이는 정상적인 것인가요? 아니면 현재 lr 값이 너무 커서 불안정한 상태인 것인지 판단이 잘 안서서, 경험상 어떤 것이 맞는지 조언을 얻어봐도 될까요?
-
미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문있습니다
1.window.onload = function() { 2. let h1 = document.getElementsByTagName("h1")[0] 2.let cursor_item = document.getElementsByClassName("cursor_item")[0] 3.window.addEventListener("mouseover", mouseFunc, false); 4.function mouseFunc(e) { 5.h1.innerHTML = " x: "+ e.clientX + " y :" + e.clientY; 6.cursor_item.style.transform = "translate("+e.clientX + "px," + e.clientY + "px)"; 7.console.log(e.clientX, e.clientY); } } 이었을 때 1.윈도우가 나타났을때 어떠한 동작을 해라 2.동작을 할 애들을 불러주려고 데이터값을 할당해주고 3.윈도우 안에서 마우스를 움직일 시 mouseFunc를 어떻게 동작하게 해라 4.function mouseFunc(e)로 임의로 이름을 설정해서 매개 변수로 만들고 동작하게할 애들 할당된 데이터 h1과 커서를 이렇게 해라 5. 6. 7.단순히 잘 되는지 안되는지 콘솔창을 통해 체크 1 ~ 4번대로 제가 나름 해석했는데 이런 알고리즘으로 해석해도 되나요? 그리고 5 ~ 6은 어떻게 해석해야하나요..?
-
미해결파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)
이 파이썬 강의는 정렬관련 문제가 없는 것 같습니다.
안녕하세요 파이썬 알고리즘 강의를 잘 보고 있습니다. 그런데 다른 강의에는 있는 정렬 관련 문제가 파이썬 강의에는 없는 것 같아서 문의드립니다. 정렬 문제 관련해서 업데이트 예정이 있는지 궁금합니다.
-
미해결인터랙티브 웹 개발 제대로 시작하기
vh,vw 와 %의 차이가 궁금합니다
80vw 80% 가 다른게 뭔가요?
-
미해결[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
url.parse() deprecated,
where: { host: url.parse(req.get('origin')).host }, url.parse() 사용하려고 해보니 deprecated 되었다는 표시가 나왔습니다. whatwg url api를 사용하라고 하는 것같기도 한데, 어떻게 처리해야할지 잘 모르겠습니다 ㅠㅠ
-
미해결쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수
Search 부분 코딩
삭제된 글입니다
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
svg icon 을 tag로 추가하는 부분에 대해서 문의 드립니다.
github 에 올려주신 sleact 소스에서 js 셋팅 부분을 가져다가 사용했습니다. svg icon 을 tag로 자동완성해서 사용해보려 하고 있습니다. 원코드 typescript 로 작성된 부분을 빼고 작성해보려고 하고 있는데요 잘 불러 오지를 못하는 에러로 보입니다. 어떤 부분을 수정해야 될까요? 그리고 webpack.config.js 부분에서도 경고가 뜨고 있습니다. 원인이 무었인지 알수 있을까요? 위에 코드에서 보시다 시피 arrow_left.svg 아이콘을 불러오지 못하는 부분에서 에러가 발생하는것으로 보입니다. package.json { "name": "securityService-front", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack serve --env development", "build": "NODE_ENV=production webpack" }, "author": "ZeroCho", "license": "MIT", "dependencies": { "@ant-design/icons": "^4.6.2", "@emotion/babel-plugin": "^11.2.0", "@emotion/react": "^11.1.5", "@emotion/styled": "^11.1.5", "@loadable/component": "^5.14.1", "antd": "^4.15.0", "axios": "^0.21.1", "cross-env": "^7.0.3", "css-loader": "^5.2.0", "file-loader": "^6.2.0", "json-loader": "^0.5.7", "moment-timezone": "^0.5.33", "postcss-loader": "^5.2.0", "react": "^17.0.1", "react-dom": "^17.0.1", "react-refresh": "^0.10.0", "react-router": "^5.2.0", "react-router-dom": "^5.2.0", "react-times": "^3.1.12", "resolve-url-loader": "^3.1.2", "style-loader": "^2.0.0", "swr": "^0.5.5", "url-loader": "^4.1.1" }, "devDependencies": { "@babel/core": "^7.13.8", "@babel/preset-env": "^7.13.8", "@babel/preset-react": "^7.12.13", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", "babel-loader": "^8.2.2", "eslint": "^7.20.0", "eslint-config-prettier": "^8.1.0", "eslint-plugin-prettier": "^3.3.1", "prettier": "^2.2.1", "webpack": "^5.24.2", "webpack-cli": "^4.5.0", "webpack-dev-server": "^3.11.2" } } webpack.config.js const path = require('path'); const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin'); const webpack = require('webpack'); const isDevelopment = process.env.NODE_ENV !== 'production'; const config = { name: 'securityService', mode: isDevelopment ? 'development' : 'production', devtool: isDevelopment ? 'hidden-source-map' : 'inline-source-map', resolve: { extensions: ['.js', '.jsx', '.json'], alias: { '@hooks': path.resolve(__dirname, 'hooks'), '@components': path.resolve(__dirname, 'components'), '@layouts': path.resolve(__dirname, 'layouts'), '@pages': path.resolve(__dirname, 'pages'), '@utils': path.resolve(__dirname, 'utils'), '@typings': path.resolve(__dirname, 'typings'), '@lib': path.resolve(__dirname, 'lib'), }, }, entry: { app: './client', }, module: { rules: [ { test: /\.jsx?$/, loader: 'babel-loader', options: { presets: [ [ '@babel/preset-env', { targets: { browsers: ['last 2 chrome versions'] }, debug: isDevelopment, }, ], '@babel/preset-react', ], env: { development: { plugins: [require.resolve('react-refresh/babel')], }, }, }, exclude: path.join(__dirname, 'node_modules'), }, { test: /\.(ttf|eot|svg|woff|woff2)(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: [{ loader: 'file-loader' }], }, { test: /\.css?$/, use: ['style-loader', 'css-loader'], }, { test: /\.(png|jpg|gif)$/, use: [{ loader: 'file-loader' }], }, ], }, plugins: [new webpack.EnvironmentPlugin({ NODE_ENV: isDevelopment ? 'development' : 'production' })], output: { path: path.join(__dirname, 'dist'), filename: '[name].js', publicPath: '/dist/', }, devServer: { historyApiFallback: true, port: 3090, publicPath: '/dist/', // proxy: { // '/api/': { // target: 'http://localhost:3095', // changeOrigin: true, // }, // }, }, }; if (isDevelopment && config.plugins) { config.plugins.push(new webpack.HotModuleReplacementPlugin()); config.plugins.push(new ReactRefreshWebpackPlugin()); } if (!isDevelopment && config.plugins) { } module.exports = config; client.jsx import React from 'react'; import { render } from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import App from '@layouts/App'; render( <BrowserRouter> <App /> </BrowserRouter>, document.querySelector('#app'), ); components/AllIcon/index.js export { default } from './AllIcon'; components/AllIcon/AllIcon.js import React from 'react'; import * as svg from './svg'; function AllIcon({ name, className, style }) { return React.createElement(svg[name], { className, style, }); } export default AllIcon; components/AllIcon/svg/index.js import { ReactComponent as arrow_left } from './arrow_left.svg'; import { ReactComponent as arrow_right } from './arrow_right.svg'; export { arrow_left, arrow_right }; 아래 두분에서 경고가 발생하고 있습니다 . 타입을 바꾸라는 것 같은데..
-
해결됨스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
빌드하고 실행하기 오류
안녕하세요 터미널에서 빌드할때 아래와 같은 에러가 나서 문의드립니다 jdk 11로 잘 설치되어 있는걸 확인했고 intellij에서는 잘 됩니다ㅠ > Task :compileJava FAILED FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':compileJava'. > java.lang.IllegalAccessError: class org.gradle.internal.compiler.java.ClassNameCollector (in unnamed module @0x73ca284b) cannot access class com.sun.tools.javac.code.Symbol$TypeSymbol (in module jdk.compiler) because module jdk.compiler does not export com.sun.tools.javac.code to unnamed module @0x73ca284b * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at https://help.gradle.org
-
미해결모의해킹 실무자가 알려주는, SQL Injection 공격 기법과 시큐어 코딩 : PART 1
mysql에서 tb_board 생성시 에러가 발생합니다.
삭제된 글입니다
-
미해결딥러닝 CNN 완벽 가이드 - TFKeras 버전
교차 검증
안녕하세요 머신러닝 완벽가이드 강의에서 최근에 교차검증에 대해서 배웠는데요. 여기서도 k fold와 같은 교차 검증이 가능한지, 실익이 있는지 궁금합니다. 그리고 만약 검증 데이터의 결과가 만족스럽지 않을 때는 무엇을 해 줄 수 있을까요? Dense 추가, 배치 사이즈 작게 등이 생각나는데 다른 것도 있으면 알려주세요. 감사합니다
-
미해결캐글 Advanced 머신러닝 실전 박치기
Hyperparameter tuning 시점 관련 질문입니다.
오늘 강의를 완강할 수 있겠네요. 좋은 강의 감사드립니다! 강의에서는 각각 table에서 feature를 뽑아내면서 그때마다 LightGBM을 이용해 prediction proba를 구해서 점점 개선되는 것을 보였는데요, 처음 hyperparameter setting은 적당히 경험상 대충 정하고 이를 이용해서 feature engineering을 모두 수행하고, 나중에 어느정도 feature engineering이 마무리가 되고나서 강의에서 보여주신 Bayesian optimization 등을 이용해서 튜닝하는 것이 효율적인 방법일까요? 아니면 애초에 feature selection 단계에서부터 이미 어느정도 optimized 된 hyperparameter를 찾아가는게 효율적일까요? 쓰고있는 노트북이 4 core에 32GB RAM을 가지고 있어서 그냥 local에서 하고 있는데요, parameter tunning이 가장 시간이 오래 걸리는 것 같아서 문의드려봅니다. 캐글 참여를 해서 그래도 어느정도 순위권을 목표로 한다고 하면 현실적으로 어느정도 시스템을 갖춰야 할 수 있을까요?
-
미해결그리드(Grid) 핵심이론 및 실전 활용
grid-gap에 대해서 질문드립니다!
선생님 안녕하십니까 항상 좋은강의 감사드립니다! part1 - 5번째강의 grid-gap에 강의에서도그렇고 pdf교재에도 grid-gap: 30px 60px 이라는 가정하에 앞에는 좌우여백, 뒤에는 상하여백이라고 설명해주셨는데, 제가 코딩할때는 앞에 30px은 row-gap인 상하여백으로 늘어나고, 뒤에 60px은 column-gap인 좌우 여백으로 늘어납니다. 그래서, 앞에가 row-gap상하여백이고 뒤에가 column-gap인 좌우여백아닌가요? 헷갈리네요ㅜㅠ
-
미해결실전! 스프링 데이터 JPA
Unit Test 관련 질문입니다.
안녕하세요 영한님 ! 어제 h2 관련해서 질문을 드렸었는데요 좋은 답변 감사했습니다! 다름이 아니라 service unit test 를 하는 과정에서 repository 의 Pageable 을 mock 으로 주입해야 하는 상황이 왔습니다. 현재 junit 5 의 bdd 를 이용해서 테스트를 하고 있는데요, junit5의 bdd 역시 영한님은 잘 아시겠지만 given()을 이용해서 JpaRepository.findAll(Pageable pageable) 이 호출되면 willReturn() 으로 반환되는 반환 값을 가짜로 주입해야 하는 상황입니다. 하지만 여기서 어떻게 Page<Entity> pagedEntitied 를 주입해야 하는지 몰라 진행이 힘들더라구요 ㅠㅠ 수업의 방향과 상관 없는 내용이라 실례임을 인지하고 있지만 어떻게 해결해야 할지 도통 갈피를 못 잡아서 질문드려 봅니다.. import static org.junit.jupiter.api.Assertions.*; import static org.mockito.ArgumentMatchers.any; import static org.mockito.BDDMockito.given; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; class MemberServiceTest { private MemberService memberService; private final MemberRepository memberRepository = mock(MemberRepository.class); @BeforeEach void setUp() { ModelMapper modelMapper = new ModelMapper(); modelMapper.getConfiguration() .setFieldAccessLevel(Configuration.AccessLevel.PRIVATE) .setFieldMatchingEnabled(true); memberService = new MemberService(memberRepository, modelMapper); // 문제의 willReturn 반환 타입.. 현재는 null을 넣어놨습니다. given(memberRepository.findAll(any(PageRequest.class))).willReturn(null); } @Test @DisplayName("모든 사용자 조회") void getMembers() { // when PageRequest pageRequest = PageRequest.of(0, 5); // then Page<MemberResponseData> pagedData = memberService.getMembers(pageRequest); assertEquals(pagedData.getSize(), 5); } } @Entity @Getter @Builder @AllArgsConstructor @NoArgsConstructor public class Member extends BaseEntity { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String email; private String password; private String nickname; public static MemberResponseData fromEntity(Member member) { return MemberResponseData.builder() .email(member.getEmail()) .nickname(member.getNickname()) .build(); } } // Page<MemberResponseData>에 해당하는 MemberResponseData(DTO) @Getter @Builder @AllArgsConstructor @NoArgsConstructor public class MemberResponseData { private String email; private String nickname; } // MemberService @Service public class MemberService { private final MemberRepository memberRepository; private final ModelMapper modelMapper; public MemberService(MemberRepository memberRepository, ModelMapper modelMapper) { this.memberRepository = memberRepository; this.modelMapper = modelMapper; } /** * 모든 회원을 조회한다. * * @param pageable : 페이징 정보 * @return 모든 회원 */ public Page<MemberResponseData> getMembers(Pageable pageable) { return memberRepository.findAll(pageable).map(Member::fromEntity); } }