묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결인터랙티브 웹 개발 제대로 시작하기
질문이요~
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <style media="screen"> body[data-char='ragirl'] { background: #ff7200; } body[data-char='ilbuni'] { background: dodgerblue; } body{ height:500vw; font-family: 'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', NanumGothic, 'Malgun Gothic', sans-serif; -webkit-overflow-scrolling: touch; color: #555; } .world{ position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; perspective: 1000px; } .house { width: 100vw; height: 100vh; transform: translateZ(-490vw); transform-style: preserve-3d; } .wall-front-a { transform: translateZ(300vw); } .wall-front-b { transform: translateZ(50vw); } .wall-front-c { transform: translateZ(-200vw); } .wall-front-d { transform: translateZ(-500vw); } .wall-content{ position: absolute; display:flex; align-items: center; justify-content: center; height: 100vh; } h2{ font-size: 15rem; } </style> </head> <body> <div class="click-button"> <button class="buttonboy" data-char="ilbuni"></button> <button class="buttongirl" data-char="ragirl"></button> </div> <div class="progress-bar-con"> <div class="progress-bar"></div> </div> <div class="world"> <div class="house"> <div class="wall-front-a"> <div class="wall-content"> <h2 class="wall-title">안녕하세요</h2> <!-- <img src="Bible.png" alt=""> --> </div> </div> <div class="wall-front-b"> <div class="wall-content"> <h2 class="wall-title">Hello</h2> <!-- <img src="K-108.png" alt=""> --> </div> </div> <div class="wall-front-c"> <div class="wall-content"> <h2 class="wall-title">Hola</h2> <!-- <img src="Bible.png" alt=""> --> </div> </div> <div class="wall-front-d"> <div class="wall-content"> <h2 class="wall-title">こんにちは</h2> <!-- <img src="K-108.png" alt=""> --> </div> </div> </div> </div> <script type="text/javascript"> (function () { const houseElem = document.querySelector('.house'); let maxScrollValue; window.addEventListener('scroll',function () { const scrollPer = pageYOffset / maxScrollValue; const zMove = scrollPer *980 -450; houseElem.style.transform = 'translateZ('+zMove+'vw)'; }) function resize() { maxScrollValue = document.body.offsetHeight - window.innerHeight; } resize(); })(); </script> </body> </html> 복습하면서 예제랑 비슷하면서 간단하게 만들려고 위에처럼 코드를 짜봤는데 스크롤 움직이면 제대로 작동은 하는데 폰트들이 왼쪽으로 휘면서 커지네요... 이건 어떤 문제가 있는걸까요??
-
미해결블록체인 이더리움 부동산 댑(Dapp) 만들기 - 기본편
nodestart.cmd를 실행하면 에러가 나타납니다.
안녕하세요. 좋은 강의 감사합니다. Fatal: Account unlock with HTTP access is forbidden! 라고 error가 뜨는데 이유를 모르겠습니다. 그래서 --unlock 부터 다 지웠더니 정상적으로 동작합니다. 문제 없을까요? geth버전은 v 1.9.2입니다
-
미해결파이썬으로 영화 예매 오픈 알리미 만들기
개발환경 구성방법
따로 있나요 ?
-
미해결React로 NodeBird SNS 만들기
질문입니다!
노드있는줄 모르고 바로넘어왔는데 ... 이시리즈에는 노드는 비중있게 안다루는거같은데 따로노드쪽공부안해도 이프로젝트 끝까지 진행하는데 무리없을까요.? 노드쪽 안듣고 리엑트듣는거랑 듣고듣는거랑 어느쪽을 추천하시나요?
-
미해결스프링 프레임워크 핵심 기술
intelliJ 무료버전으로도 개발 가능한가요??
이클립스를 사용하다가 요번에 강의를 들으면서 intelliJ 무료버전을 사용하고 있는데요 나중에 SpringBoot, 웹 MVC, JPA, 시큐리티, rest API 강의를 들을때도 intelliJ 무료버전으로 강의를 들어도 되나요?? 그리고 추가적으로 IntelliJ IDE를 구매하지 않는다고 하면 IntelliJ 무료버전, 이클립스나 vsCode같은 무료 개발툴중에 어느것이 괜찮을지 개인적인 견해도 같이 문의드립니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
git 권한 부탁드립니다
인프런 아이디: Cheolhwan_Jeon 인프런 이메일: mrclick@tiprich.com 깃헙 아이디 : mrclick@tiprich.com 깃헙 Username : junchulhwan
-
미해결스프링 프레임워크 핵심 기술
STS 에서의 profile 설정방법 ( 질문 x )
1. Profile 항목 설정 [ 프로젝트 우클릭 - properties ] - [ 목록에 있는 프로젝트 Edit ] - [ Sprng Boot 탭 ] - Profile 항목에 작성 2. VM options 설정 [ Boot Dashboard - 프로젝트 클릭(선택) ] - [ 상단 연필 모양 아이콘 (Run Configuration) 클릭 ] - [ Argument 탭 ] - VM arguments 항목에 작성
-
미해결React로 NodeBird SNS 만들기
강의보다가 의문점때문에 질문드려요..!
전부터 무슨역활인지 확실히 알고가야할거같아서 질문드려요. 03분26초에보면 분활화면에 좌측은 useEfect(effect: () 이런식으로 effect 키값에 할당하는식으로 웹스톰에서 만들어주는거같은데 이게 어떤역활인가요..? 우측도 마찬가지로 takeEvery 두번째 파라미터에 worker: 이런식으로 들어가있고... 들어가있는이유가뭔가요..
-
미해결Node.js 교과서 - 기본부터 프로젝트 실습까지
질문이요
axios.post(`http://localhost:8005/room/${roomId}/sys`,{ type: 'join', },{ headers:{ Cookie: `connect.sid=${'s%3A'+cookie.sign(req.signedCookies['connect.sid'], process.env.COOKIE_SECRET)}` }, 헤더에 쿠키를 보내주는 부분이요, 익스프레스 서버에서 1. 기존의 쿠키와, 지금 요청간 쿠키를 알아서 비교를 해주는 부분인가요? 이 쿠키 또는 세션은 얼마나 유지되나요 ? ___________________________________________ const chat = req.body.type === 'join' // socket.js axios 에서 type (요청의 본문의 타입 그래서 req.body.type) ? `${req.session.color}님이 입장하셨습니다` // type이 join이면 : `${req.session.color}님이 퇴장하셨습니다`; 그리고 이 문법이요 2. if 같다고 생각하면 되는건가요 ? ? 조건에 맞을때이고 : 조건에 부합하지 않을때라고 생각하면 되나요? 그러면 이거는 false 일때 어떤 결괏값 그리고 true 일때 어떤 결괏값 이런식으로 2개의 선택지 밖에 없는 부분인가요 ?? ?
-
미해결React로 NodeBird SNS 만들기
eslint 가 적용되지 않아요
안녕하세요 eslint가 정상적으로 적용되지 않아 문의드립니다 [Error - 2:12:45 PM] Failed to load plugin 'import' declared in 'front/.eslintrc': Cannot find module 'eslint-plugin-import' Require stack: - /Users/^^/Documents/vscode_workspace/react-nodebird/__placeholder__.js Happened while validating /Users/^^/Documents/vscode_workspace/react-nodebird/front/components/LoginForm.js This can happen for a couple of reasons: 1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc). 2. If ESLint is installed globally, then make sure 'eslint-plugin-import' is installed globally as well. 3. If ESLint is installed locally, then 'eslint-plugin-import' isn't installed correctly. Consider running eslint --debug /Users/^^/Documents/vscode_workspace/react-nodebird/front/components/ LoginForm.js from a terminal to obtain a trace about the configuration files used. 위와 같은 오류가 vscode에서 발생하여 .eslintrc 설정에서 plugins에 import를 주석처리하면 hooks로 변경되어 똑같은 오류가 올라옵니다 eslint 전역으로도 설치해보고 했는데 계속 그러네요 ㅠㅠ
-
미해결선형대수학개론
Echelon Form 조건
Echelon Form 조건에 3번째 조건으로 All entries in a column below a leading entries are zero 가 없어도 괜찮나요?? 학교 수업중 관련 내용이 나와서요!
-
해결됨React로 NodeBird SNS 만들기
리엑트실무관련 질문입니다...
지금 JSP/플랫폼 계열에서 리엑트로 이직준비하고있는데경력자기준으로 리엑트실무는 어느정도 수준을 요구하나요..? 공부외적인 질문이라 죄송합니다...
-
미해결Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
multi_image_picker 로 사진 여러장을 한번에 넣고, 한번에 로드하면
multi_image_picker 로 사진 여러장을 한번에 넣고, 한번에 로드하면 시간이 오래걸리나요? 무엇이 문제인지는 모르겠으나 사진 10장정도를 파이어베이스에 저장하고, DetailPostPage에 들어가서 보면 로딩시간이 6초정도 됩니다 .. 파이어베이스 속도 문제는 아니겠죠??
-
미해결레트로의 유니티 C# 게임 프로그래밍 에센스
모바일게임과 PC게임에서 조작법의 차이는 어떻게 처리하나요?
마우스 클릭은 강좌에서 나온 Input.GetMouse어쩌구... 로 해결했는데요, 현재 만드는 중인 게임이 모바일용이라 터치 입력을 받게 하고 싶습니다. 그런데 스마트폰 터치는 마우스와 달리 여러 곳을 동시에 터치/드래그하는게 가능하다는 차이가 있어 고민입니다. 원래 레이캐스트로 물체를 감지하도록 스크립트를 작성했는데 여러 개가 동시에 감지되면 충돌이 일어날 것 같아서요. 제작은 PC로 하니 계속 마우스로 테스트하고 있는데, 이를 모바일 게임으로 변경하려면 클릭을 터치로 어떻게 변경해야 하는지 궁금합니다. OnMouseDrag() 와 같은 함수가 터치에 반응하는지도 알려주세요.
-
미해결React로 NodeBird SNS 만들기
components 랑 pages 랑 분리하는 기준이 있나요?
어떤기준으로 분리하는지 잘 모르겟네요...
-
미해결3dsmax 초급부터 전문가까지 - 한방에 끝내는 3dsmax 강좌
unit용도
Unit의 용도는 import할 때 스케일이 안맞을 시에만 설정하면 되는건가요?
-
레트로의 유니티 C# 게임 프로그래밍 에센스
네트워크 게임 강의 부탁드려요
삭제된 글입니다
-
미해결React로 NodeBird SNS 만들기
'getState' of undefined 에러가 발생했어요
안녕하세요 제로초 강사님 에러가 발생해서여 에러 내용은 Cannot read property 'getState' of undefined TypeError: Cannot read property 'getState' of undefined at C:\node_bird_22\front\node_modules\react-redux\lib\components\Provider.js:31:18 at Object.useMemo (C:\node_bird_22\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:1334:19) at useMemo (C:\node_bird_22\front\node_modules\react\cjs\react.development.js:1592:21) at Provider (C:\node_bird_22\front\node_modules\react-redux\lib\components\Provider.js:30:42) at processChild (C:\node_bird_22\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:3090:14) at resolve (C:\node_bird_22\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:3013:5) at ReactDOMServerRenderer.render (C:\node_bird_22\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:3436:22) at ReactDOMServerRenderer.read (C:\node_bird_22\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:3395:29) at renderToString (C:\node_bird_22\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:3954:27) at render (C:\node_bird_22\front\node_modules\next-server\dist\server\render.js:79:16) at renderPage (C:\node_bird_22\front\node_modules\next-server\dist\server\render.js:255:20) at C:\node_bird_22\front\.next\server\static\development\pages\_document.js:437:17 at Generator.next (<anonymous>) at asyncGeneratorStep (C:\node_bird_22\front\.next\server\static\development\pages\_document.js:206:24) at _next (C:\node_bird_22\front\.next\server\static\development\pages\_document.js:228:9) at C:\node_bird_22\front\.next\server\static\development\pages\_document.js:235:7깃허브는 https://github.com/hyunsokstar/node_bird_22/tree/master/front 한번 봐주시면 감사여 이거 에러가 어디서 발생했는지도 못찾겠어서 질문 드려여 감사합니다 ~!
-
React로 NodeBird SNS 만들기
제초로님
삭제된 글입니다
-
미해결React로 NodeBird SNS 만들기
깃헙자료말고 필기자료같은것도 받을수있나요??
깃헙자료말고 필기자료같은것도 받을수있나요??
