inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

css 질문

미해결

처음 만난 리액트(React)

안녕하세요! 소플님 실습을 하는 중인데 그림에 해당 부분의 간격이 안생기는데 저 css는 어디 컴포넌트에서 주신걸까요? 소스를 한참 비교해봤는데 모르겠어서 문의 드립니다!!

  • HTML/CSS
  • javascript
  • react
sohee 댓글 1 좋아요 1 조회수 422

keyframeEffect를 찾을 수 없다고 나와요

미해결

웹 애니메이션의 새로운 표준, Web Animations API

안녕하세요 GroupEffect 수강중에 이런 에러가 떠서요 - 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :) - 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다. - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • frontend
  • web-animations-api
조민희 댓글 1 좋아요 0 조회수 522

gradle 사용하시는 분 도움

미해결

더 자바, 코드를 조작하는 다양한 방법

일단 새로운 프로젝트 만들고 premain 추가해주는 것 까진 강의를 그대로 따라하시면 됩니다. manifest plugin 부터 조금 차이가 있어서 거기부터 설명하면, build gradle 에 다음과 같이 추가한다. tasks.named('jar') { manifest { attributes( 'Implementation-Title': project.name, 'Implementation-Version': project.version, 'Premain-Class' : "com.java.magicianAgent.MagicianAgent", 'Can-Redefine-Classes' : true, 'Can-Retransform-Classes' : true) } } 터미널에서 다음 명령어를 통해 build 한다 ./gradlew clean build build.libs file 안에 있는 jar file 을 확인한다. (옵션) 강의에서와 마찬가지로 zip file 로 변경하면 확인가능합니다. 저같은 경우 SNAPSHOT.jar 과 SNAPSHOT -plain.jar 이렇게 2개가 생겼는데 SNAPSHOT.jar 은 제가 spring boot 로 실행서 그런지 관련 설정들이 보이고 SNAPSHOT -plain.jar 이 맞는거 같더라구요. jar file 의 절대 경로를 복사해 VM option 에 추가한다. 여기서부터는 다시 강의와 같습니다. VM option 이 안보이시면 오른쪽에 Modify options 클릭하면 add vm options 라고 보이실 겁니다. 이상한거나 궁금한거 있으시면 말씀해주세요. gradle 을 쓰시는 모든 분들도 마술을 성공시킵시다 하하

  • java
  • spring
안호성 댓글 1 좋아요 4 조회수 788

다형성 질문..

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 웹을 위한 다양한 Javascript+ES6 객체 선언 기법 이해3 11:35 초 이 부분에서.. get_message()를 constructor(name,brand) 안에 안쓰는 이유가 있나요? 잘 이해가 안가서요... 그리고 get_message라고 써야하나요 아니면 getMessage 라고 해야하나요?

  • HTML/CSS
  • javascript
  • es6
hanyn 댓글 1 좋아요 0 조회수 262

수업자료

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

선생님께서 올려주신 수업자료는 어디에서 다운받는것인가요

  • HTML/CSS
imhj1177 댓글 1 좋아요 0 조회수 576

14강 비디오와 오디오

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

14강 비디오와 오디오에서 선생님이 쓰시는 자료들은 다운받을수 있는게 아닌가요/? 그리고 track태그가 자동으로 뜨지 않는데 무엇이 문제점인지 알수있을까요?

  • HTML/CSS
imhj1177 댓글 1 좋아요 1 조회수 618

실습 파일 링크

미해결

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

예제 파일 링크를 못찾아서 출판사 사이트에서 직접 찾았네요. 깃헙 링크: https://github.com/Eun-Sook-Kim/doit_html_css_javascript

  • HTML/CSS
  • javascript
  • dom
Hanna Go 댓글 1 좋아요 6 조회수 929

블로그 올려도 될까요?

미해결

입문자를 위한 CSS 기초 강의

강의를 보며 개인적으로 공부했던 것들을 블로그에 정리해서 올려도 될까요?

  • HTML/CSS
  • Visual Studio Code
이한솔 댓글 1 좋아요 1 조회수 488

12 강 props.onTemoeratureChange() 함수 질문

미해결

처음 만난 리액트(React)

props.onTemperatureChange()함수는 정의해 놓지 않았는데 onTemperatureChange()함수는 어디에서 제공해준 함수 인가요?

  • HTML/CSS
  • javascript
  • react
정하 댓글 1 좋아요 0 조회수 344

12강 props.onTemperatureChange() 함수 질문

미해결

처음 만난 리액트(React)

setTemperature() 함수 대신 props.onTemperatureChange() 함수를 사용 했는데~요 onTemperatureChange() 함수는 state에 없는데 이 함수는 어디에서 제공 해주는지 잘 모르겠습니다

  • HTML/CSS
  • javascript
  • react
정하 댓글 2 좋아요 1 조회수 308

3-D 질문입니다..

미해결

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

2일째 고민을 해보았는데.. 2%까지만 맞고 틀리다고 합니당..ㅠㅠ 포기하고 싶지 않은 마음에 도움을 요청합니다!! 제가 짠 코드는 이렇습니다! import java.io.*; import java.util.*; // 불이 하나가 아닌 여러개일 수 있다. public class Main { public static int R; public static int C; public static String[][] map; public static int[][] visitedFire; public static int[][] visitedHuman; public static int[] dx; public static int[] dy; public static Node fireLocation; public static Node humanLocation; public static Queue<Node> fireQueue; public static void main(String[] args) throws IOException { // 초기화 BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out)); StringTokenizer st = new StringTokenizer(br.readLine()); R = Integer.parseInt(st.nextToken()); C = Integer.parseInt(st.nextToken()); map = new String[R][C]; // 0으로 초기화 visitedFire = new int[R][C]; visitedHuman = new int[R][C]; dx = new int[]{0,1,0,-1}; dy = new int[]{-1,0,1,0}; fireQueue = new LinkedList<>(); // 맵 입력 for (int i = 0; i < R; i++) { String S = br.readLine(); for (int j = 0; j < C; j++) { // 불 좌표, 지훈이 좌표 찾기 map[i][j] = String.valueOf(S.charAt(j)); if(map[i][j].equals("J")){ humanLocation = new Node(j,i); map[i][j] = "."; // .으로 변경 }else if(map[i][j].equals("F")){ // 불이 여러개, 불이 아무것도 없을 수 있다. -> 반레 fireLocation = new Node(j,i); fireQueue.add(fireLocation); visitedFire[i][j] = 1; } } } // (1) 불이 이동할 수 있는 최단경로 fireBfs(); // (2) 사람이 이동할 수 있는 최단경로 + 길 비교해야함 humanBfs(humanLocation.y, humanLocation.x); // 가능한 길 찾아서 int result = Integer.MAX_VALUE; // (3) 가장 짧은 최단거리 찾기 (가장자리 찾기) for (int i = 0; i < visitedHuman.length; i++) { for (int j = 0; j < visitedHuman[i].length; j++) { if((0<i && i<R-1) && 0 < j && j < C-1)continue; // 가장자리가 아닌 경우 pass if(visitedHuman[i][j] > 0) { result = Math.min(result, visitedHuman[i][j]); } } } if(result == Integer.MAX_VALUE){ System.out.println("IMPOSSIBLE"); }else{ System.out.println(result); } } public static void humanBfs(int y, int x){ // tkfk visitedHuman[y][x] = 1; Node node = new Node(x,y); Queue<Node> queue = new LinkedList<>(); queue.add(node); while(queue.size()>0){ Node cur = queue.poll(); for (int i = 0; i < 4; i++) { int nx = cur.x + dx[i]; int ny = cur.y + dy[i]; if(nx < 0 || nx >= C || ny < 0 || ny >= R) continue; if(visitedHuman[ny][nx] == 0 && (map[ny][nx].equals("."))){ if(visitedHuman[ny][nx] < visitedFire[ny][nx] || visitedFire[ny][nx] == 0){ visitedHuman[ny][nx] = visitedHuman[cur.y][cur.x] + 1; Node next = new Node(nx,ny); queue.add(next); } } } } } public static void fireBfs(){ while(fireQueue.size()>0){ Node cur = fireQueue.poll(); for (int i = 0; i < 4; i++) { // 4방향 탐지 int nx = cur.x + dx[i]; int ny = cur.y + dy[i]; if(nx < 0 || nx >= C || ny < 0 || ny >= R) continue; if(visitedFire[ny][nx] == 0 && (map[ny][nx].equals("."))){ visitedFire[ny][nx] = visitedFire[cur.y][cur.x] + 1; // 이동함을 표현 Node next = new Node(nx,ny); fireQueue.add(next); } } } } public static class Node { int x; int y; Node(int x, int y){ this.x = x; this.y = y; } } }

  • 코딩-테스트
  • java
댓글 2 좋아요 0 조회수 363

fly depoly 에러

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩님 안녕하세요 다름이아니라 depoly 관련해서 문의드립니다. 현재 fly depoly 부분에서 계속 에러가 발생하고있습니다. launch 부분에서도 그랩님과는 다르게 지역 선택이후로는 물어보는게 없이 바로 진행됐습니다. 오류 내역 첨부드립니다ㅠㅠ 다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다! 3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
박상현 댓글 1 좋아요 1 조회수 740

코드 질문

미해결

처음 만난 리액트(React)

위에 컴포넌트에서 최상위의 컴포넌트는 상위에서 받을 props가 없어서 안적어도 될 것 같은데 적는데는 다른 의미가 있나요?

  • HTML/CSS
  • javascript
  • react
sohee 댓글 1 좋아요 0 조회수 374

Flex 4 : holy grail layout

미해결

CSS 기본부터 활용까지

레이아웃의 큰 틀을 잡을 때 무조건 flex를 사용해야하는 것인가요???

  • HTML/CSS
옙버디 댓글 1 좋아요 0 조회수 425

필수함수종류에서 마우스엔터대신

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

■ 질문 남기실 때 꼭! 참고해주세요. 마지막이론부분에 필수함수종류에 마우스엔터 마우스리버라고했는데. 마우스오버,마우스아웃으로도 적어도 별다른문제가 생길까요..¿¿ - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.

  • HTML/CSS
  • jquery
  • 웹-디자인
jkjk7088 댓글 1 좋아요 1 조회수 299

제이쿼리 animate()와는 다른걸까요?

미해결

웹 애니메이션의 새로운 표준, Web Animations API

ㅡ

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • frontend
  • web-animations-api
류지25 댓글 1 좋아요 0 조회수 415

npm install --save react-router-dom 설치 질문

미해결

처음 만난 리액트(React)

해당 코드를 터미널에서 작성했는데 설치가 되지 않습니다.. 무슨 문제일까요...

  • HTML/CSS
  • javascript
  • react
qkrdmlcks55 댓글 1 좋아요 0 조회수 728

과제하면서 궁금해서 질문 올립니다.

해결됨

[코드캠프] 시작은 프리캠프

16분에 보면 별도로 제공되는 피그마 통해서 들어가서 확인 하라고 했는데 어떻게 들어갈 수 있는 건가요?

  • HTML/CSS
  • javascript
kbtusno12 댓글 1 좋아요 0 조회수 435

float속성

미해결

입문자를 위한, HTML&CSS 웹 개발 입문

float속성 강의에서 p태그의 가로 길이가 div의 width만큼밖에 안되어 있는데 원래는 block속성이니까 뷰포트 전체를 차지해야 하는 것 아닌가요?? 아니면 혹시 div의 자식 태그여서 부모의 width속성을 상속 받은 건가요?

  • HTML/CSS
elephant159 댓글 1 좋아요 0 조회수 288

인기 태그

인프런 TOP Writers

주간 인기글