묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결부트스트랩(BOOTSTRAP)3을 활용한 반응형 웹페이지 만들기
preference>package settings>emmet>settings-user
preference>package settings>emmet>settings-user 에서 settings-user가 없고 settings만 있는데 클릭하면 새로운 창이 뜨고 그 새로운 창이름은 settings-user라고 적혀 있는데 코드 붙여 넣기해도 언어가 안바뀌어요. 어떡하죠?
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
쿼리파라미터에 공백문자가 들어갈때 유효성검증은 어떻게 해야할까요?
@RequestParam을 통해 파라미터를 매핑시켜주는것을 학습하는 와중에 null이 아닌 공백문자 ("")관련해서 질문이 있습니다. required로 공백문자는 검사할수 없기에 조심해야한다고하셨는데, 이를 그럼 어떻게 처리를 해야할까요? 단순하게 생각하면 컨트롤러에서 if문으로 공백문자 검사를 하는건데, 그정도로 끝내는건지 아니면 다른 방식인지 궁금합니다. 제 경우에는 WrapperClass로 Integer Price 라면 Price 라는 객체를 만들어서 그안에서 생성자부분에서 유효성검증을해버리니 400에러가 발생하는데, 이를 ExceptionHandler를 통해 해결하는 건 나쁘지않은 방법인지도 고민됩니다.
-
미해결Flutter 초급 - Http통신, 상태관리
Appbar의 Tabbar를 누르면 다른 dart파일의 내용을 불러오고 싶어요
Appbar의 Tabbar를 누르면 다른 dart파일의 내용을 불러오고 싶어요 body: TabBarView( children: [ //첫번째 페이지 인사말 페이지(home_page) home_page(), Icon(Icons.show_chart_rounded), Icon(Icons.contact_page_rounded), Icon(Icons.contact_page_rounded),이렇게만 하면 home_page.dart 파일의 내용을 불러올수가 없더라구요...각가의 탭을 눌렀을때 어떻게 해야 다른 다트 파일의 내용을 불러올 수 있나요??
-
미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문있습니다
let cursor_item; let x = 0; let y = 0; let mx = 0; let my = 0; let speed = 0.09; window.onload = function() { let h1 = document.getElementsByTagName("h1")[0]; cursor_item = document.getElementsByClassName("cursor_item")[0] window.addEventListener("click", mouseFunc, false); function mouseFunc(e) { x = e.clientX; y = e.clientY; h1.innerHTML = "x: "+ x + "y :" + y; } loop(); } function loop() { console.log(x); mx += (x - mx) * speed; my += (y - my) * speed; console.log(x, mx) cursor_item.style.transform = "translate("+ mx + "px," + my+ "px)"; window.requestAnimationFrame(loop); } window.onload - function () { let h1 cursor_item } 왜 let 변수 h1은 가만히 냅두고 cursor_item은 onload 바깥쪽으로 재 할당해야 출력이 되는건가요?
-
미해결[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]
현재 annaconda에 파이썬 3.8설치 밖에 없습니다.
수업영상에서 보이는 파이썬 설치에서 종류가 3.7이라고 나오는데, 홈페이지 들어가서 보시면 현재 3.8 밖에 안 나와있습니다.
-
해결됨모든 개발자를 위한 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