묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결홍정모의 게임 만들기 연습 문제 패키지
코딩공부에 대해서 막히는부분
공부 시작한지 2달 되었는데 공부해오면서 코드를 어떻게 짤꺼인지는 항상 고민하면 해결되었는데 화면에 도트를 찍기위해서는 코드를 어떻게 짤껀가를 알아서는 해결이 되지않아요 라이브러리라던가 api 일주일넘게 그렇게 구글링 많이하고 그랬는데 화면에 비트를 출력하는것이 해결되지않아썽요 선생님강의도 마찬가지로 화면의 비트를 출력하기위해서 직접 코드를 공부하는게아니라 외부의 함수를 여러개 불러와서 그 불러온 외부의함수의 사용법을 알아서 화면에 비트를 출력하는거였어요 할수없었어요 선생님강의도 마찬가지였어요 처음부터 코딩을하는게아니였어요 코딩을 하는건 어렵지않지만 외부의 함수를 막 불러와서 하는건 해낼수없었어요 공부하는게 힘들어요 코딩은 어렵지않았어요 코딩은 쉬웠어요 몇시간만 고민하면 결과를 만들어낼수있었어요 할수있는걸알아서 코딩하는거는 실습도하지않았어요 근데 코딩이 아니예요 보면 대부분 무슨 외부함수를 불러와서 작동시키는거였어요 이건 해낼수없었어요 c언어로 테트리스 라는 게임을 구현하는게 제일 도움될것같았어요 근데 그이전에 화면에 비트를 출력하고싶었어요 2차원배열을 통해서 근데 그걸 화면에 비트에 일단 찍히는게 먼저 되어야 코딩을 할수있어요 정말 코딩은 안어렵지만 너무 쉽지만 외부함수 막불러오고 윈도우라이브러리, win 32 이런건 도저히 해낼수가 없었어요 방법을 찾고싶어요
-
미해결Watch Me Code: React x Typescript로 Slack 클론코딩하기
loadable 사용해서 코드스플리팅 적용시 나타나는 에러
안녕하세요 로더블 적용후 npm start 하면 이러한 청크에러가 뜹니다. 해결방법이 무엇인지 모르겠습니다.. - 아래 코드는 run dev 했을때 터미널에 나타나는 코드 입니다. ```js > sleact-front@1.0.0 dev /home/dahee/projects/inflearn/sleact/alecture > cross-env TS_NODE_PROJECT="tsconfig-for-webpack-config.json" webpack serve --env development <w> [webpack-dev-server] "hot: true" automatically applies HMR plugin, you don't have to add it manually to your webpack configuration. <i> [webpack-dev-server] [HPM] Proxy created: /api/ -> http://localhost:3095 <i> [webpack-dev-server] Project is running at: <i> [webpack-dev-server] Loopback: http://localhost:3090/ <i> [webpack-dev-server] On Your Network (IPv4): http://172.30.1.10:3090/ <i> [webpack-dev-server] Content not from webpack is served from '/home/dahee/projects/inflearn/sleact/alecture' directory <i> [webpack-dev-server] 404s will fallback to '/index.html' @babel/preset-env: `DEBUG` option Using targets: { "chrome": "94" } Using modules transform: auto Using plugins: syntax-class-static-block syntax-private-property-in-object syntax-class-properties syntax-numeric-separator syntax-nullish-coalescing-operator syntax-optional-chaining syntax-json-strings syntax-optional-catch-binding syntax-async-generators syntax-object-rest-spread syntax-dynamic-import proposal-export-namespace-from { } syntax-top-level-await Using polyfills: No polyfills were added, since the `useBuiltIns` option was not set. asset app.js 1.73 MiB [emitted] (name: app) asset vendors-node_modules_emotion_styled_base_dist_emotion-styled-base_browser_esm_js-node_modules-55caac.js 170 KiB [emitted] (id hint: vendors) asset pages_SignUp_index_tsx.js 48.8 KiB [emitted] asset layouts_Workspace_index_tsx.js 3.2 KiB [emitted] asset pages_Login_index_tsx.js 3.15 KiB [emitted] runtime modules 31.4 KiB 16 modules orphan modules 10.3 KiB [orphan] 2 modules modules by path ./node_modules/ 1.59 MiB 219 modules modules by path ./pages/ 43 KiB ./pages/Login/index.tsx 1.19 KiB [built] [code generated] ./pages/SignUp/index.tsx 5.27 KiB [built] [code generated] ./pages/SignUp/styles.tsx 36.5 KiB [built] [code generated] modules by path ./layouts/ 3.3 KiB ./layouts/App/index.tsx 2.09 KiB [built] [code generated] ./layouts/Workspace/index.tsx 1.21 KiB [built] [code generated] ./client.tsx 1.26 KiB [built] [code generated] ./hooks/useinput.ts 1.33 KiB [built] [code generated] sleact (webpack 5.63.0) compiled successfully in 4851 ms ``` 아래는 App.js에 있는 라우팅 코드 입니다. ```js import loadable from '@loadable/component' import React from "react"; import { Route, Switch, Redirect } from "react-router-dom"; const LogIn = loadable(() => import('@pages/Login')); const SignUp = loadable(() => import('@pages/SignUp')); const Workspace = loadable(() => import('@layouts/Workspace')); const App = () => { return ( <Switch> <Redirect exact path="/" to="/login" /> <Route path="/login" component={LogIn} /> <Route path="/signup" component={SignUp} /> <Route path="/workspace/:workspace" component={Workspace} /> </Switch> ) } export default App; ``` 현재시점 webpack.config파일입니다 ```js import path from 'path'; import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin'; import webpack from 'webpack'; import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'; // import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'; const isDevelopment = process.env.NODE_ENV !== 'production'; const config: webpack.Configuration = { name: 'sleact', mode: isDevelopment ? 'development' : 'production', devtool: !isDevelopment ? 'hidden-source-map' : 'eval', resolve: { extensions: ['.js', '.jsx', '.ts', '.tsx', '.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'), }, }, entry: { app: './client', }, module: { rules: [ { test: /\.tsx?$/, loader: 'babel-loader', options: { presets: [ [ '@babel/preset-env', { targets: { browsers: ['last 2 chrome versions'] }, debug: isDevelopment, }, ], '@babel/preset-react', '@babel/preset-typescript', ], env: { development: { plugins: [['@emotion', { sourceMap: true }], require.resolve('react-refresh/babel')], }, production: { plugins: ['@emotion'], }, }, }, exclude: path.join(__dirname, 'node_modules'), }, { test: /\.css?$/, use: ['style-loader', 'css-loader'], }, ], }, plugins: [ new ForkTsCheckerWebpackPlugin({ async: false, }), new ReactRefreshWebpackPlugin(), new webpack.HotModuleReplacementPlugin() ], output: { path: path.join(__dirname, 'dist'), filename: '[name].js', publicPath: '/dist/app.js', }, devServer: { historyApiFallback: true, port: 3090, devMiddleware: { publicPath: "/dist/" }, static: { directory: path.resolve(__dirname) }, proxy : { '/api/': { changeOrigin: true, target:'http://localhost:3095' } } }, }; ```
-
해결됨실전! Querydsl
Predicate 타입에 관한 질문
predicate Predicate teamNameEq(String teamName) { return hasText(teamName) ? team.name.eq(teamName) : null; } 에서 질문입니다. return타입은 BooleanExpression타입인데 Predicate타입에 받아도 컴파일이 안뜨는 것 같아서 Predicate는 Boolean을 return으로 받는 걸로 알고 있는데 BooleanExpression도 return으로 받나요 ?
-
미해결실전! 스프링 데이터 JPA
save 질문드립니다.
jpa 커리큘럼 듣고있는 학생입니다. 첫 커리큘럼 강의 merge를 쓰지말라고 하셨는데(*1), 스프링 데이터 jpa의 save를 보면(SimpleJpaRepository구현체) merge를 사용하고 있습니다. 그러면 실무에서 스프링 데이터 jpa를 사용할 때 save기능을 사용하여야 하는것인지 사용하지 말아야 하는것인지 가이드 라인이 있을까요? *1.DB에서 데이터를 가지고 오기때문에 sql이 한번 나가는 문제, DB에서 가지고 온 데이터 수정할 때 일정 필드값이 누락될 경우 누락된 값은 변경감지와는 달리 없어지기 때문 등등의 문제로
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
4-5강에서 destructuring (비구조화 할당)을 하는게 맞나요?
안녕하세요. GridCards가 나오지 않아서 헤매던 와중에, 아래와 같이 코드를 고쳐줬더니 이미지가 다 나오게 되었습니다. 혹시 제가 인강에서 놓친게 있나 싶어서 4강을 다시 봤는데도 이렇게 적지 않으셨더라구요. 저도 MainImage 띄울때까지만 해도 문제 없었구요. 아래와 같이 코드를 고치면 GridCards가 왜 나오는건지, 이렇게 하는게 맞는건지 알려주시면 감사드리겠습니다! cf) json 형식으로 가지고 오니까 굳이 비구조화할당으로 key, value 값을 따로 설정해줘서 가지고 올 필요가 없을 것 같은데... 왜 아래와 같이 하니까 안나오던 이미지들이 나오는건지 모르겠습니다 ㅠ setMovies([...response.results])
-
해결됨[왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)
Toast.makeText사용시 인수 context가 붉은 색으로 뜨네요
강의 내용 그대로 소스를 입력하는데이미지의 빨간 사각형으로 표시된context 인수가 붉은색으로 뜹니다context에서 Alt+Enter를 쳐보니선택할 여러 항목이 나타나는데 무엇을 선택해야 할지 모르겠습니다.해결 방법을 알려주시면 감사하겠습니다.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part7: MMO 컨텐츠 구현 (Unity + C# 서버 연동 기초)
초보 질문
초보지만 그림을 알기 위해 전체 강의를 빠르게 정주행하고 있습니다. 두가지 질문이 있는데요 1. Client쪽의 directory에도 Servercore 폴더가 있습니다. 왜일까요. 서버 /클라이언트에 공통적으로 필요한 요소인가요? 2. Room과 object가 있는데 특히 room의 역할이 헷갈립니다. player나 monster의 수치 자료가 하드코딩되는 곳은 어디일까요?
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
선생님 req에 아무것도 안들어오는데 혹시 뭐가문제일까요 ?
PostDetail에 req를 인자로 받아서 params를 찾으시는데 저는 req에 아무것도 안들어오네요 ㅠㅠㅠ 원래 req에 아무설정도 안해도 들어오는게 맞나요 ..?
-
미해결모의해킹 실무자가 알려주는, 파일 다운로드 취약점 공격 기법과 실무 사례 분석
[실습1-2] 직접 제작하면서 배우는 JSP 기반의 파일 다운로드 질문
안녕하세요 크리핵티브님 파일 다운로드 jsp 기반의 파일 다운로드 질문이 있습니다. 해당 영상을 보고 따라 하여 jsp 다운로드 소스코드를 작성하였는데 영상에서는 파일이 다운로드가 정상적으로 되었지만 실제로 따라 하였을때에는 파일 다운로드가 되지 않고 사이트에 연결할 수 없음 http://127.0.0.1:8080/download1.jsp?org_filename=11test.jpg&real_filename=1234.jpg의 웹페이지가 일시적으로 다운되었거나 새 웹 주소로 완전히 이동했을 수 있습니다. 이렇게 오류가 뜨는데 이럴때는 해결방법이 없으려나요 ? 해당 소스코드는 이러합니다. index.jsp 소스코드 <%@ page contentType="text/html; charset=UTF-8" %> <li>첨부파일1 : <a href="download1.jsp?org_filename=11test.jpg&real_filename=1234.jpg">[다운로드]</a></li> <li>첨부파일2 : <a href="download2.jsp?path=image&org_filename=11test.jpg&real_filename=1234.jpg">[다운로드]</a></li> <li>첨부파일3 : <a href="download3.jsp?path=C:\APM_Setup\Server\apache-tomcat-8.5.73\webapps\ROOT\upload\image&org_filename=11test.jpg&real_filename=1234.jpg">[다운로드]</a></li> download1.jsp 소스코드 <%@ page contentType="text/html; charset=UTF-8" %> <%@ page import="java.util.*,java.io.* " %> <% FileInputStream fis = null; BufferedInputStream bis = null; BufferedOutputStream bos = null; String path = "C:\\APM_Setup\\Server\\apache-tomcat-8.5.73\\webapps\\ROOT\\upload\\image\\"; String org_filename = request.getParameter("org_filename"); String real_filename = request.getParameter("real_filename"); if(org_filename == null || real_filename == null) {out.println("<script>alert('파일명이 입력되지 않았습니다.');history.back(-1);</script>"); return; } try { File fd = new File(path + real_filename); if(fd.exists()) {out.println("<script>alert('파일이 존재하지 않습니다.');history.back(-1);</script>"); return; } response.setHeader("Content-Type","application/octect-stream"); response.setHeader("Content-Disposition","attachment; filename=" + org_filename); fis = new FileInputStream(fd); bis = new BufferedInputStream(fis); bos = new BufferedOutputStream(response.getOutputStream()); byte[] buffer = new byte[1024]; int i = 0; while((i=(bis.read(buffer))) != -1) {bos.write(buffer, 0, i); } bos.flush(); } finally { if(fis != null) fis.close(); if(bis != null) bis.close(); if(bos != null) bos.close(); } %> 강의를 들으면서 똑같이 따라하였고 오타 부분도 확인하였으나 어느 부분에서 오류가 났는지 잘 이해가 안가 질문 드립니다. 제가 생각하기론 경로(path) 부분인거 같은데 어느 경로가 문제인지 잘 모르겠습니다.. 소스코드 상 오류는 없고 해당 실습을 진행하게 되면 모든 실습 간에서 파일을 다운로드 할 수 없고 사이트에 연결할 수 없다고 하네요 경로를 역슬래쉬 혹은 슬래쉬 둘다 교체해서 수정하여도 결과는 똑같습니다. 해당 톰켓을 재설치하여 적용해도 똑같이 나옵니다.. 재설치만 10번 넘게 해봤는데도 결과는 똑같아서 글 남깁니다.. 감사합니다.
-
미해결실전! 스프링 데이터 JPA
테이블생성
안녕하세요 강사님. 제가 강의를 다듣고 혼자 프로젝트를 만들어 보는 중인데요.. jpa ddl설정에서 계속 테이블이 생성이 잘 안됍니다... 딱히 오류도 안뜨고.. 뭐가 문제인지 모르겠습니다. ㅠㅠ 디비 접속 아이디와 비밀번호는 일부로 지웠습니다.
-
미해결[NLP] IMDB 영화리뷰 감정 분석을 통한 파이썬 텍스트 분석과 자연어 처리
질문드립니다.
텍스트 벡터화 부분에서 for tag, count in zip(vocab, dist): print(count, tag)위 부분은 어떤 역할을 하는지 이해가 어렵습니다.설명 부탁드리겠습니다.감사합니다.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
MMORPG 말고도 다른 게임에서도 이 파트에서 설명해주신 코드로 그대로 사용이 가능한가요?
강의 너무 잘듣고 있습니다! 저도 다른 게임을 개발하면서 서버 관련 강의가 필요해 수강중인데요, 제가 하는 게임은 RPG같은 것이 아닌 미니게임 모음집 같은 게임을 제작 중입니다. 그런데 게임 서버를 하더라도 같은 코드로 진행을 해도되는지 궁금합니다
-
미해결홍정모의 따라하며 배우는 C언어
1:00 알파벳 예제 직접 풀어봤는데 의문점이 있습니다.
int main() { int i = 'A'; int m = 1; int n = 0; for (; m <= 5 ; m++) { for (; n <= 10 ; n++) { printf("%c ", i + n); } printf("\n"); } return 0; } 답안을 보기 전에 임의로 만들어 보았습니다. 좀 더럽게 만들긴 했는데 A ~ K까지 첫 줄은 잘 출력이 되는데 2 ~ 5열까지는 출력이 되지가 않았습니다. 두번째 루프는 작동을 하는데 첫번째 루프가 작동하질 않습니다. 첫번째 루프를 답안과 비교를 해봐도 제가 만든 첫번째 루프에서 어디가 문제인지를 모르겠습니다. 어디에서 문제가 생긴걸까요?
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
선생님 이 슬라이드를 아래로 스크롤했다가 맨위로 올리면 화면이 하얗게 되면서 이상해지네요 ㅠㅠㅠ
■ 질문 남기실 때 꼭! 참고해주세요. <!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <!--반응형웹선언문--> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> <!-- jQuery CDN --> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <!-- CSS basic--> <link rel="stylesheet" href="css/basic/reset.css" /> <link rel="stylesheet" href="css/basic/aos.css" /> <link rel="stylesheet" href="css/basic/slick.css" /> <link rel="stylesheet" href="css/basic/slick-theme.css" /> <link rel="stylesheet" href="css/basic/featherlight.css" /> <!-- JS basic --> <script src="js/basic/aos.js"></script> <script src="js/basic/veloslide/velocity.min.js"></script> <script src="js/basic/veloslide/velocity.ui.min.js"></script> <script src="js/basic/veloslide/main.js"></script> <script src="js/basic/jquery.scrollTo.min.js"></script> <script src="js/basic/slick.min.js"></script> <script src="js/basic/featherlight.js"></script> <!-- CSS/JS custom --> <link rel="stylesheet" href="css/veloslide.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/responsive.css" /> <script src="js/custom.js"></script> <title>Ellarose's portfolio</title> </head> <!-- hijacking: on/off - animation: none/scaleDown/rotate/gallery/catch/opacity/fixed/parallax --> <body data-hijacking="on" data-animation="catch"> <div id="wrap"> <header> <div class="gnb-inner"> <div class="logo"> <h1><a href="#">Ellarose's</a></h1> </div> <div class="tran"> <div class="trigger"> <span></span> <span></span> <span></span> </div> </div> </div> </header> <!-- home --> <section class="cd-section visible" id="home"> <div> <div class="content"> <img src="img/pic1.jpg" alt="" /> </div> </div> </section> <!-- profile --> <section class="cd-section" id="profile"> <div> <div class="content"> <img src="img/pic1.jpg" alt="" /> </div> </div> </section> <!-- vision --> <section class="cd-section" id="vision"> <div> <div class="content"> <img src="img/pic1.jpg" alt="" /> </div> </div> </section> <!-- work : responsive --> <section class="cd-section" id="works1"> <div> <div class="content"> <img src="img/pic1.jpg" alt="" /> </div> </div> </section> <!-- work : adaptive --> <section class="cd-section" id="works2"> <div> <div class="content"> <img src="img/pic1.jpg" alt="" /> </div> </div> </section> <!-- work : another works --> <section class="cd-section" id="another"> <div> <div class="content"> <img src="img/pic1.jpg" alt="" /> </div> </div> </section> <nav> <ul class="cd-vertical-nav"> <li><a href="#0" class="cd-prev inactive">Next</a></li> <li><a href="#0" class="cd-next">Prev</a></li> </ul> </nav> </div> </body> </html> @charset "utf-8"; @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&family=Noto+Sans+KR:wght@100;400;700&display=swap"); /* font-family: 'Montserrat', sans-serif; 200 400 600 font-family: 'Noto Sans KR', sans-serif; 100 400 700 */ /* Default */ body { font-family: "Montserrat", sans-serif; background-color: #fff; height: 100vh; } /* Default Layout */ .cd-section { width: 100%; height: 100vh; } .cd-section > div { width: inherit; height: inherit; position: relative; } /* .content { background-color: #ccc; position: absolute; width: 100%; height: 100%; } */ .content { position: absolute; width: calc(100% - 40px); height: calc(100% - 80px); /* margin: 40px 20px; */ left: 20px; bottom: 20px; overflow: hidden; border: 1px solid #000; background-color: lightpink; } .content img { width: 100%; height: 100%; object-fit: cover; } header { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; transition: 0.5s; } .gnb-inner { width: calc(100% - 40px); margin: 0 auto; height: 60px; /* overflow: hidden; line-height: 60px; */ display: flex; justify-content: space-between; align-items: center; } /* 자식요소가 float 성질을 가지니까 높이값을 잃음 overhiden 혹은 height 60px 도 가능*/ .logo h1 a { font-size: 3rem; padding-left: 10px; color: #000; } .gnb { position: fixed; width: 100%; height: 100%; background-color: rgb(44, 44, 44); z-index: 999; display: none; } .menu { float: left; width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .menu a { display: block; color: rgb(255, 255, 255); font-size: 4rem; padding: 10px 20px; scroll-behavior: smooth; } .gnb .image { float: right; position: relative; width: 50%; height: 100%; overflow: hidden; border: 1px solid #000; } .gnb .image img { height: 100%; width: auto; object-fit: cover; object-position: center; } .tran { border: 1px solid transparent; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } .trigger { display: block; width: 30px; height: 16px; cursor: pointer; position: relative; z-index: 999; } .trigger span { position: absolute; height: 1px; width: 100%; background-color: #000; transition: 0.3s; } .trigger { display: block; width: 3px; height: 16px; cursor: pointer; position: relative; z-index: 999; } .trigger span { position: absolute; height: 3px; width: 3px; background-color: #000; transition: 0.3s; border-radius: 6px; } .trigger span:nth-child(1) { top: 0; } .trigger span:nth-child(2) { top: 50%; width: 100%; } .trigger span:nth-child(3) { top: 100%; } .trigger.active span:nth-child(1) { transform: translateX(-40%) rotate(45deg); width: 20px; height: 2px; top: 50%; } .trigger.active span:nth-child(2) { opacity: 0; } .trigger.active span:nth-child(3) { transform: translateX(-40%) rotate(-45deg); width: 20px; height: 2px; top: 50%; } @keyframes jello-vertical { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(0.75, 1.25, 1); } 40% { transform: scale3d(1.25, 0.75, 1); } 50% { transform: scale3d(0.85, 1.15, 1); } 65% { transform: scale3d(1.05, 0.95, 1); } 75% { transform: scale3d(0.95, 1.05, 1); } 100% { transform: scale3d(1, 1, 1); } } .trigger:hover { animation: jello-vertical 0.9s both; } /* -------------------------------- Primary style -------------------------------- */ body::before { /* never visible - this is used in jQuery to check the current MQ */ content: "mobile"; display: none; } @media only screen and (min-width: 1281px) { body::before { /* never visible - this is used in jQuery to check the current MQ */ content: "desktop"; display: none; } } /* -------------------------------- Main Components -------------------------------- */ @media only screen and (min-width: 1281px) { body[data-hijacking="on"] { overflow: hidden; } .cd-section { height: 100vh; } .cd-section h2 { font-size: 4rem; font-weight: 300; } [data-hijacking="on"] .cd-section { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; } [data-hijacking="on"] .cd-section > div { visibility: visible; } [data-hijacking="off"] .cd-section > div { opacity: 0; } [data-animation="rotate"] .cd-section { /* enable a 3D-space for children elements */ -webkit-perspective: 1800px; -moz-perspective: 1800px; perspective: 1800px; } [data-hijacking="on"][data-animation="rotate"] .cd-section:not(:first-of-type) { -webkit-perspective-origin: center 0; -moz-perspective-origin: center 0; perspective-origin: center 0; } [data-animation="scaleDown"] .cd-section > div, [data-animation="gallery"] .cd-section > div, [data-animation="catch"] .cd-section > div { box-shadow: 0 0 0 rgba(25, 30, 46, 0.4); } [data-animation="opacity"] .cd-section.visible > div { z-index: 1; } .cd-section:first-of-type > div::before { display: none; } .cd-section > div { position: fixed; top: 0; left: 0; width: 100%; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-hijacking="on"] .cd-section > div { position: absolute; } [data-animation="rotate"] .cd-section > div { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } .cd-vertical-nav { /* lateral navigation */ position: fixed; z-index: 1; right: 3%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; } .cd-vertical-nav a { display: block; height: 42px; width: 42px; /* image replace */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/arrow_gray.svg) no-repeat center center; transform: rotate(180deg); } .cd-vertical-nav a.cd-prev { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-bottom: 10px; } .cd-vertical-nav a.inactive { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s; -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s; transition: opacity 0.2s 0s, visibility 0s 0.2s; } .cd-vertical-nav { display: block; } } - 왜이런것일까요 ㅠㅠㅠ ?? - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
미해결홍정모의 따라하며 배우는 C언어
printf의 반환값
scanf 함수는 입력된 수에 따라 반환값이 결정되는 것으로 알고 있습니다. printf 함수의 반환값은 무었인가요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
요로케도 풀어봄 순열로 구하고 중복을 제거하는 방식으로
function solution(n,r) { let answer=[]; let ch=Array.from({ length: n },() => 0); let temp=Array.from({ length: r },() => 0); function DFS(L) { if(L===r) { answer.push(Array.from(temp)); return; } else { for(let i=0; i<=n; ++i) { if(ch[i]===0) { ch[i]=1; temp[L]=i+1; DFS(L+1); ch[i]=0; } } } } DFS(0); answer.map(v=>{ return v.sort((a,b)=>{ return a-b; }) }) let result = [...new Set(answer.join('!').split('!'))].map(v=>{return v.split(',')}).map(v=>{return v.map(x=>x*1)}); return result; } console.log(solution(4,2));
-
미해결코딩으로 학습하는 GoF의 디자인 패턴
안녕하세요!
안녕하세요! 궁금한게 생겼습니다. SettingHolder 를 이용한 인스턴스 생성과 inner class를 하지않고 Settings 에서 static 메소드를 써서 초기화한 private static finnal Settings instatnce = new Settings(); 의 차이점을 모르겠습니다. 제 생각에는 두개 전부다 결국 'static 영역에 미리 생성(?) 을 한다는 것'이고 static이므로 로드시점까지 똑같다고 생각하는데요. Holder를 만들었다고 해서 무슨차이인지 잘 모르겠습니다.감사합니다!
-
해결됨비개발자를 위한 RPA 강의 (UiPath 입문편)
오픈 브라우저가 안되네요
- open browser가 검색이 안되고 use application/broswer만 검색이 됩니다. - 다른 템플릿에서 open browser를 긁어왔는데 click이 "opening.xaml: 타겟 또는 입력 UI 엘리먼트를 설정해야 합니다."라는 오류 메시지와 함께 설정이 안됩니다. 해결 방법이 무엇이 있을까요?
-
미해결스프링 핵심 원리 - 고급편
setter에 @Autowired 쓰는 문법은 이제 막힌건가요?
강의는 스프링 2.5버전대지만 현재 스프링 이니셜라이저에서 기본 지정 버전은 2.6버전입니다. 여기서는 CallServiceV1에서 사용한 setter에 @Autowired 붙이는 문법을 사용 할 시에는 생성자로 주입할 때랑 똑같이 순환참조냐고 묻는 오류가 발생하더라구요. 혹시나 싶어서 2.5.6으로 해보니 잘 되더랍니다...ㅠㅠ 갑자기 2.6.0버전부터 무슨 일이 생긴지는 모르겠지만 여기서는 안되네요 ㅠㅠ
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하십니까 강의 정말 잘봤습니다
강사님의 강의 중에 사이트 베포를 다루는 영상이 있을지 궁금합니다 있다면 알려주시면 꼭 수강하겠습니다 감사합니다