inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

176만명의 커뮤니티!! 함께 토론해봐요.

hover했다가 마우스를 뗐을 때 2

해결됨

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

아래 답변이 안와서 다시 남깁니다. 답 주신대로 해보았지만 지속적으로 잔상이 남습니다 그리고 이미 .back에 opacity:0, .item:hover .back에 opacity:1이 있던 상황입니다 지속적으로 안돼서 답변 기다렸는데 안와서요. 왜이런지 궁금합니다 코드 다시 첨부합니다 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <title>hover Example 4</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="items"> <div class="item"> <div class="front"> <img src="img/space-01.png"> <h3>Mars</h3> </div> <div class="back"> <p>화성은 태양계의 네 번째 행성이다. 4개의 지구형 행성 중 하나다. 동양권에서는 불을 뜻하는 화(火)를 써서 화성이라 부르고 로마 신화의 전쟁의 신 마르스의 이름을 따 Mars라 부른다.</p> <a href="#none">Read More</a> </div> </div> <div class="item"> <div class="front"> <img src="img/space-02.png"> <h3>Jupiter</h3> </div> <div class="back"> <p>목성은 태양계의 다섯번째 행성이자 가장 큰 행성이다. 태양의 질량의 천분의 일배에 달하는 거대행성으로, 태양계에 있는 다른 모든 행성들을 합한 질량의 약 2.5배에 이른다.</p> <a href="#none">Read More</a> </div> </div> <div class="item"> <div class="front"> <img src="img/space-03.png"> <h3>Saturnus</h3> </div> <div class="back"> <p>토성은 태양으로부터 여섯 번째에 있는 태양계의 행성으로, 진성(鎭星)으로도 불렀다. 토성은 태양계 내의 행성 중 목성에 이어 두 번째로 크며, 지름은 약 12만 킬로미터이다.</p> <a href="#none">Read More</a> </div> </div> </div> </body> </html> @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); @keyframes bigger-animation { 0% { transform: scale(80%); } 100% { transform: scale(110%); } } body { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0; background-color: #4c6ef5; } .items{ display: flex; flex-wrap: wrap; width: 900px; justify-content: space-evenly; } a{ text-decoration: none; color: black; } .item { width: 250px; height: 200px; text-align: center; position: relative; border-radius: 10px; } .front{ width: 100%; height: inherit; position: absolute; top: 0; z-index: 1; box-shadow: 0 0 13px #91a7ff; transition: .5s; } .back{ width: 100%; height: inherit; line-height: 1.5em; position:absolute; padding: 20px; box-sizing: border-box; opacity: 0; transition: .5s; } .item:hover .front , .back { background-color: rgba(186, 200, 255, .7); } .item:hover .front{ top:-50%; box-shadow: none; border-radius: 10px 10px 0 0; border-bottom: 1px solid rgba(0,0,0,.5); } .item:hover .front img { animation: bigger-animation .4s linear infinite alternate; } .item:hover .back{ top:50%; opacity: 1; border-radius: 0 0 10px 10px; } .front h3{ margin: 0; padding: 0; } .back p{ margin: 3px 8px; } .back a{ display: inline-block; margin-top: 10px; padding: 3px 8px; background-color: #748ffc; border-radius: 3px; }

  • jquery
  • HTML/CSS
낭니 댓글 1 좋아요 1 조회수 371

프로그래밍이라는게 참 뭔가 신기하네요...

미해결

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

도커 전까지의 강의는 별다른 문제없이(1, 2개쯤 있긴 했지만..) 따라하기가 잘 되는데 도커 이후로는 강의에서는 발생하지 않은 문제들이 계속 발생하네요.. 이전에는 psycopg2-binary 설치 후에 계속 모듈을 못찾는다든가..(재설치 한 5~6번 하고 재부팅 미친듯이 하니까 됨) 이번에는 gunicorn 설치 후에 에러는 안나오는데 페이지가 열리질 않네요... 이유를 도무지 알 수가 없어서 계속 도커 이미지 지우고 다시 빌드하고 계속 반복하면서 또 재부팅 미친듯이 해가면서 하니까 달리 수정한게 없는데도 이번엔 또 열리네요.. 개발이라는게 원래 이런건가요?ㅋㅋ

  • javascript
  • docker
  • bootstrap
  • HTML/CSS
  • tdd
  • aws
  • django
  • python
너굴너굴너구리 댓글 1 좋아요 0 조회수 347

global 과 nonlocal의 차이점 질문

미해결

우리를 위한 프로그래밍 : 파이썬 중급 (Inflearn Original)

closure_ex2을 수업하던 중 global을 사용하면 되지 않나?라는 생각이 들어 global을 사용해봤는데 에러가 발생하는 것을 확인했고 closure_ex3에서 nonlocal을 사용하면 문제가 해결되더군요. global로는 에러가 해결되지 않고 nonlocal로는 에러가 해결되는데 어떤 차이점 때문인걸까요?

  • django
  • python
장재용 댓글 1 좋아요 0 조회수 360

d 드라이브 용량에 대하여

미해결

기초부터 따라하는 디지털포렌식

안녕하세요! 디스크 이미징 강의에서 실습을 위해선 d, e 드라이브 등 추가 드라이브가 존재해야한다고 말씀하셨는데요. usb는 사용 안하고, 현재 c 드라이브만 있어서 d 드라이브를 만드려고 합니다. 드라이브를 만들기 위해서는 용량을 정해주어야 하는데 실습하는 데 있어서 용량은 얼마만큼 필요한가요? 감사합니다.

  • Forensic
dkwkdkwk 댓글 1 좋아요 1 조회수 225

ref, out과 반환 타입, struct에 대해 질문 드리고싶습니다.

해결됨

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part1: C# 기초 프로그래밍 입문

여러번 반복하다보니 ref는 내부에서 초기화를 하지않아도 사용할 수 있고, out은 내부에서 초기화를 한 후 값을 내보내는 형태로 이해했습니다. 다만 반복을 하는 과정에서 위와 같이 반환 타입을 ClassType의 enum 형식으로 했을때 return 값을 반환하고 ClassType의 Choice 변수에 저장하였습니다. 다만, 몬스터를 스폰할 때는 void 타입으로 지정한 후 out을 통해 외부의 값을 바꾸어 준 것을 확인하였습니다. 그리고 첫 사진도 사실 void 값으로 바꾼 후 out을 이용해주면 똑같이 만들 수 있다는 사실을 확인했습니다. 질문을 드리고 싶은 부분! 1.거의 무조건적으로 void 타입의 함수를 사용하고 있는데 주석으로 순서를 정리하면서도 어디가 어디로 이어지는지 헷갈려서 이게 바람직한 방향인지 잘 모르겠습니다. 실제 업무에서는 반환타입을 지정해서 따로 변수를 주는지 궁금합니다. 2. enum 타입의 ClassType choice = ClassType.None; 의 개념이 enum내에 { choice = None과 같은값 } 이라는 변수(?)를 새로 추가해주는 것인지 궁금합니다. 3. 그렇다면 struct의 Monster monster / Player player는 뒤의 값이 정확히 무엇을 의미하는지 모르겠습니다. Monster라는 struct의 변수 monster값을 임의로 지정한 후 int hp, int attack 값을 변경한다는 의미로 이해하는게 맞을까요? 질문이 많아 죄송합니다!

  • C#
성호 댓글 1 좋아요 1 조회수 593

CS0246 DroneSetting 오류

해결됨

유니티 머신러닝 에이전트 완전정복 (기초편)

안녕하세요, 강의 잘 수강하고 있습니다. 드론 에셋을 가져와서 스크립트를 작성하는 과정에 있는데, 아래와 같은 오류가 발생하여 질문드립니다. CS0246: The type or namespace name 'DroneSetting' could not be found 에러가 발생했는데, 어떻게 해결할 수 있을까요? Unity 버전은 2021.2.16f1 을 사용하고 있으며, ML Agents는 2.0.0-exp.1, ML Agents Extensions는 0.4.0-preview 버전입니다. 코드는 아래와 같습니다. using UnityEngine; using Unity.MLAgents; using Unity.MLAgents.Actuators; using Unity.MLAgents.Sensors; using PA_DronePack; public class DroneAgent : Agent { public PA_DroneController dcoScript; public DroneSetting area; public GameObject goal; float preDist; private Transform agentTrans; private Transform goalTrans; private Rigidbody agent_Rigidbody; public override void Initialize() { base.Initialize(); dcoScript = gameObject.Getcomponent<PA_DroneController>(); agentTrans = gameObject.transform; goalTrans = goal.transform; agent_Rigidbody = gameObject.GetComponent<agent_Rigidbody>(); Academy.Instance.AgentPreStep += WaitTimeInterference; } public override void CollectObservations(VectorSensor sensor) { //거리벡터 sensor.AddObservation(agentTrans.position - goalTrans.position); //속도벡터 sensor.AddObservation(agent_Rigidbody.velocity); //각속도벡터 sensor.AddObservation(agent_Rigidbody.angularVelocity); } public override void OnActionReceived(ActionBuffers actionBuffers) { AddReward(-0.01f); var actions = actionBuffers.ContinuousActions; float moveX = Mathf.Clamp(actions[0], -1, 1f); float moveY = Mathf.Clamp(actions[1], -1, 1f); float moveZ = Mathf.Clamp(actions[2], -1, 1f); dcoScript.DriveInput(moveX); dcoScript.StrafeInput(moveY); dcoScript.LiftInput(moveZ); float distance = Vector3.Magnitude(goalTrans.position - agentTrans.position); if(distance <=0.5f) { SetReward(1f); EndEpisode(); } else if(distance >10f) { SetReward(-1f); EndEpisode(); } else { floar reward = preDist - distance; AddReward(reward); preDist = distance; } } public override void OnEpisodeBegin() { area.AreaSetting(); preDist = Vector3.Magnitude(goalTrans.position - agentTrans.position); } public override void Heuristic(in ActionBuffers actionsOut) { var continuousActionsOut = actionsOut.ContinuousActions; continuousActionsOut[0] = Input.GetAxis("Vertical"); continuousActionsOut[1] = Input.GetAxis("Horizontal"); continuousActionsOut[2] = Input.GetAxis("Mouse ScrollWheel"); } public float DecisionWaitingTime = 5f; float m_currentTime = 0f; public void WaitTimeInterference(int action) { if(Academy.Instance.IsCommunicatorOn) { RequestDecision(); } else { if(m_currentTime >=DecisionWaitingTime) { m_currentTime = 0f; RequestDecision(); } else { m_currentTime += m_currentTime.fixedDeltaTime; } } } } 아울러, 드론 에셋 가져오기 & 오브젝트 추가 강의에서, PA_Drone Axis Input과 PA_Drone Controller도 체크를 할 수 없게 되면서, "The associated script can not be loaded. Please fix any compile erroes and open Prefab Mode and assign a valid script to the Prefab Asset" 이라는 문구가 나오는데, 이 문제는 어떻게 해결할 수 있을지 질문드립니다. 두 오류가 연관이 있을 수도 있겠습니다. 확인해 주시면 감사하겠습니다

  • 머신러닝 배워볼래요?
  • unity
  • 강화학습
  • unity-ml-agents
윤원준 댓글 2 좋아요 0 조회수 447

인스턴스의 생명주기와 제어권

미해결

예제로 배우는 스프링 입문 (개정판)

만약 IoC 컨테이너를 이용하여 DI를 한다면 DI를 받은 인스턴스들의 생명주기와 제어권은 IoC 컨테이너가 가지게 되나요?

  • java
  • spring
김태민 댓글 1 좋아요 0 조회수 338

mappedBy 관련 질문입니다.

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

Order 엔티티의 orderItems 필드는 mappedBy 어노테이션이 적용되어있고 mappedBy는 읽기 전용이라고 알고 있습니다. 그런데 Order 엔티티의 연관관계 메서드 중 하나인 addOrderItem 메서드의 코드를 보면 orderItems.add(orderItem) 이런 코드가 있는데 이건 "쓰기"를 하는 코드 아닌가요? mappedBy의 읽기전용이란 의미가 정확하게 뭔지 알고싶습니다!

  • spring
  • JPA
  • 웹앱
  • spring-boot
  • java
IJILKJ 댓글 1 좋아요 0 조회수 199

build 에러 질문

미해결

[리뉴얼] React로 NodeBird SNS 만들기

build시 에러가 발생하여 질문 남깁니다. eslint 8버전에서 build시 이러한 에러들이 떳는데 eslint를 강의와 같이 7버전으로 낮추어 설치를 하니 build가 되었습니다. 에러의 원인이 단순히 eslint의 버전문제인가요?

  • redux
  • react
  • express
  • nodejs
  • Next.js
qwui1 댓글 1 좋아요 0 조회수 232

쿼리문 데이터 불러오기 안됨

미해결

PHP 기초강좌 - 쩡원의 게시판 홈페이지 제작 무작정 따라하기

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 쿼리문으로 데이터를 불러오기가 안되는데요 ? 코드 다 똑같은데 왜 불러오기가 안되는건가요 ㅠㅠㅠ

  • php
gmdrnjs002 댓글 0 좋아요 0 조회수 284

PDF 강의북 요청합니다.

미해결

마케터를 위한 구글 애널리틱스 실무

안녕하세요. PDF 강의북 요청드립니다. 감사합니다.

  • 디지털 마케팅
  • Google-Analytics
  • 퍼포먼스 마케팅
댓글 1 좋아요 0 조회수 199

회원가입 오류

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

회원가입 할때 가입이 안되고 다음화면으로 넘어가지 않아요. 콘솔창을 보면 이게 계속 떠있네요. 터미널 상에서는 아무런 오류가 없습니다.

  • nodejs
  • 웹앱
  • redux
  • react
  • mongodb
sunnyfterrain 댓글 1 좋아요 0 조회수 312

try로 감싸는 범위가 궁금합니다.

미해결

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

try로 res.writeHead 부분은 안 감싸도 상관 없나요? 감싸는 기준이 await이면 await 한 줄만 감싸도 상관이 없는 건가요?

  • nodejs
  • mongodb
  • mysql
  • Sequelize
junki 댓글 1 좋아요 0 조회수 159

drop 질문합니다

미해결

[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]

안녕하세요. 선생님. 강의 정말 유익하게 듣고 있습니다! 질문이 있습니다. 분명 주피터노트북이랑 같은 코드를 입력했는데, 왜 drop이 안먹힐까요? 콘솔에 찍히는 값을 보면 2020행이 그대로 나옵니다. df = pd . DataFrame ({ "년도" : [ '2000' , '2010' , '2020' ], "미국" : [ 2.1 , 2.2 , 2.3 ], "한국" : [ 0.4 , 0.5 , 0.45 ], "중국" : [ 10 , 13 , 15 ] }) df = df . set_index ( '년도' ) df . drop ([ '2020' ]) print ( df ) ''' 미국 한국 중국 년도 2000 2.1 0.40 10 2010 2.2 0.50 13 2020 2.3 0.45 15 '''

  • python
  • pandas
JIHYUN PARK 댓글 1 좋아요 0 조회수 213

선생님 강의 관련하여 질문있습니다

해결됨

[왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)

안녕하세요 현재 졸업작품을 opencv를 활용한 어플리케이션 만들기로 하고 있는데요, DB연결, 파이어베이스로 로그인 구현, 실시간으로 opencv로 영상처리는 tensorflow lite를 이용해서 하고자합니다. 큰 규모는 아니고 이 다음 코스의 커뮤니티 앱 만들기 정도의 규모입니다. 다만 다음 강좌까지 전부 다 듣고 앱 제작을 시작할지 아니면 초급 코스인 이 강좌만 듣고 바로 시작할지 고민이 많이 되어서요. 제작기간은 약 2달 정도인데, 졸업 작품만 만드는게 아니라 다른 전공과목들도 같이 공부하는 중이라 어디까지 공부하고 앱을 만들어야할지에 대해 감이 잘 잡히질 않습니다. 선생님의 조언을 듣고 싶습니다. 좋은 강의 만들어주셔서 감사합니다.

  • android
  • firebase
  • kotlin
동해물과백두산이마르고닳도록 댓글 1 좋아요 0 조회수 269

예제파일에 대해서

미해결

기초부터 따라하는 디지털포렌식

강의에서 사용되고 있는 예제파일( UBS.E01 )등은 어디에서 다운받을수 있나요

  • 샘플파일
  • Forensic
kanemochi 댓글 2 좋아요 1 조회수 499

ServletRequest에 대해 궁금한 점이 생겼습니다!

해결됨

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

안녕하세요 강의를 듣다 ServletRequest에 대해 궁금한 점이 생겨 질문드립니다! ServletRequest, ServletRequest를 보니 인터페이스 였습니다. 그 후 HttpServletRequest도 보니 ServletRequest를 상속받고 있지만 이 또한 interface 였습니다. 혹시 구현은 어디서 하길래 인터페이스로 선언이 되어 있는 것인가요??

  • MVC
  • spring
댓글 2 좋아요 0 조회수 453

짝수 홀수 개념이 이해가 안가요 ㅠㅠ

미해결

Do it! 자바 프로그래밍 입문 with 은종쌤

(num%2)==1 2로 나눴을 때 나머지가 1 (num%2)==0 2로 나눴을 때 나머지가 0 (num%2)==0 나머지가 0이 되는게 짝수인가요 ?

  • java
밍밍이 댓글 1 좋아요 0 조회수 561

operation not permitted, rename 에러에 대해 질문드리고 싶습니다

해결됨

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

강사님 안녕하세요 비동기 함수와 await을 조합해서 아래의 소스코드를 실험해봤는데, 이해가 어려운 부분이 있어서 질문드리고 싶습니다 const fs = require('fs'); const path = require('path'); function func(){ fs.open(`.\\b.txt`, 'w', (err, fd)=>{ if(err) { //실패한 경우 throw err; }//성공한 경우 }); fs.rename(`.\\b.txt`, `.\\c.txt`,(err,data)=>{ if(err) { throw err; } }); fs.writeFile(`.\\c.txt`, `Hello `, (err)=>{ if(err) { console.log(err); } }); } func(); 터미널에서 실행시켰습니다 이렇게 c.txt가 잘 만들어졌습니다 이번엔 18행부터 24행의 주석을 풀었습니다 그러자, 이번에는 같은 소스코드인데도 실행결과가 성공이 나오기도 하고, 실패하기도 했습니다 실행 성공 했을 때는 c.txt 에도 Hello 가 잘 적혔습니다 주석을 해제한 소스코드를 디버깅 모드에서 한줄씩 실행할 때는 무조건 성공이었는데 터미널 또는 vscode에서 한번에 실행시키면 이렇게 실행결과가 복불복이 나와서 혹시 그 이유가 궁금해서 질문드리고 싶습니다 읽어주셔서 감사합니다

  • mysql
  • nodejs
  • mongodb
  • Sequelize
Like me black 댓글 1 좋아요 0 조회수 397

SQL 쿼리 오타 정보공유

해결됨

실습으로 배우는 OAuth 2.0 개념 원리, 그리고 해킹과 보안

friends 사이트 회원가입 할때 에러나서 가입이 안되길래 계속 확인해봤는데 \apache2\htdocs\friends_website\joinAction.php 파일에 아이디 중복 검증 SQL 쿼리에 오타가 있어서 그랬었네요. $query = "select user_id from users where id='{ $id }'" ; where절 다음 컬럼명을 user_id로 수정해야 제대로 진행이 됩니다. $query = "select user_id from users where user_id='{ $id }'" ; 질문 글 올리려다가 마지막으로 확인해보니 보이네용 ㅎㅎ, 다른 분들도 참고하셨으면 좋겠습니다.

  • 모의해킹
  • oauth
energy 댓글 1 좋아요 1 조회수 242

인기 태그

인프런 TOP Writers

주간 인기글