inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

라디오버튼과 체크박스를 커스텀 체크박스로 스타일링 관련 질문 드립니다.

미해결

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

■ 질문 남기실 때 꼭! 참고해주세요. HTML을 <label> <input type="checkbox" checked >HTML </label> 이렇게 바꾸면 체크박스용 보더는 나타나는데 폰트 어썸 아이콘이 나타나지 않습니다.폰트어썸 아이콘을 나타나게 하려면 어떻게 해야 하나요? <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>커스텀 체크박스 스타일링(2)</title> <link rel="stylesheet" href="style.css"> </head> <body> <form> <label> <input type="checkbox" checked >HTML </label> <label for="chk2">CSS <input type="checkbox" id="chk2"> </label> <label for="chk3">jQuery <input type="checkbox" id="chk3"> </label> <label for="chk4">UIKit <input type="checkbox" id="chk4" disabled> </label> </form> </body> </html> /* Google Web Fonts CDN */ @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap'); /* Fontawesome 4.7 */ @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); body { font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em; margin: 0; font-weight: 300; display: flex; justify-content: center; align-items: center; height: 100vh; } a { text-decoration: none; } form input[type=checkbox] { display: none; } form label { display: block; border: 1px solid green; cursor: pointer; } form label:before { content: '\f00c'; font-family: fontawesome; display: inline-block; width: 14px; height: 14px; line-height: 14px; font-size: 13px; color: transparent; border: 1px solid #333; border-radius: 3px; text-align: center; vertical-align: middle; margin-right: 5px; transition: 0.2s; } form input[type=checkbox]:checked + label:before { background-color: crimson; color: #fff; border-color: transparent; } form input[type=checkbox]:not(:disabled) + label:active:before { transform: scale(0); }

  • html/css
  • HTML/CSS
  • jquery
dancoffee 댓글 2 좋아요 1 조회수 1065

제네릭 관련 질문입니다!

미해결

타입스크립트 입문 - 기초부터 실전까지

저는 라이브러리 개발자와 사용자 관점에서 생각을 해보았는데요 라이브러리를 만든 개발자가 라이브러리 사용자가 어떤 객체를 넣을지, 어떤 값을 모르기 때문에 일일이 모든 타입에 대응이 어려운 경우에 제네릭을 활용하여 라이브러리를 개발하는 것이 좋다라고 생각을 하고 있는데 이런 관점에서 생각하는 것도 좋은 방법일까요? 즉, 타입주도권을 사용자한테 준다는 개념으로 생각을 해보았습니다.

  • es6
  • javascript
  • typescript
이종민 댓글 1 좋아요 1 조회수 326

http://localhost:8080/front-controller/v1/members/new-form 페이지를 찾을 수 없음

해결됨

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 위 주소로 들어갔는데 404오류가 나타나서 어디서 문제인지 잘 모르겠어서 질문 남깁니다..

  • spring
  • mvc
  • MVC
nvm7588 댓글 1 좋아요 0 조회수 942

제네릭 클래스 (전반전) 마지막 부분 int와 String으로 변환

미해결

나도코딩의 자바 기본편 - 풀코스 (20시간)

안녕하세요. 강의 정말 잘 듣고 있습니다. 제네릭 클래스 (전반전) 마지막 부분 int 와 String으로 변환 후 출력을 하는 부분에서 Object c3Name = c3.name; System.out.println("주문 고객 번호 : " + c3Name); Object c4Name = c4.name; System.out.println("주문 고객 이름 : " + c4Name); 이대로 작성하면 오류없이 정상 출력 됩니다. int와 String으로 변환하지 않고 Object로 코드 작성하면 안되는 건가요? 왜 굳이 int와 String으로 변환해서 출력하는지 궁금합니다.

  • 객체지향
  • oop
  • java
조서영 댓글 1 좋아요 1 조회수 323

복사 생성자 관련 질문이 있습니다.

해결됨

홍정모의 따라하며 배우는 C++

안녕하세요. 5분 50초경 설명을 보면 디버거 모드일 때는 복사생성자가 호출이 되지만 릴리즈 모드일 때는 복사생성자가 호출이 안된다고 설명을 해주셨는데요. 저는 디버거 모드, 릴리즈 모드 둘 다 복사생성자가 호출이 안됩니다. 이것도 디버거 모드이지만 컴파일러가 복사생성자 호출이 필요없다고 판단하고 복사생성자 호출을 하지 않은 걸까요?

  • c++
  • C++
Creed 댓글 1 좋아요 0 조회수 502

포인터와 배열

미해결

홍정모의 따라하며 배우는 C언어

안녕하세요!! 설명해주신 포인터와 배열 개념을 이해하는 도중 혼동이 와 질문을 남깁니다. double nums[1.0,2.0,3.0,4.0];와 같이 배열을 선언한 뒤 double *ptr = nums와 같이 포인터 변수에 nums를 넣어주는 상황으로 가정해보겠습니다. const를 배열이나 포인터 앞에 붙이면 배열의 요소들을 변경할 수 없지만 ptr++과 같이 증감연산자는 사용이 가능하다고 설명을 해주신 부분에서 ptr++을 하면 그 값은 nums[1]이 되는 것은 이해가 갑니다. 하지만 ptr++을 해주고 난 뒤 ptr[2]를 하면 nums[3]의 값이 출력된다고 하셨습니다. 저는 ptr++이라는 값이 nums[1]을 가리키는 것은 히해했지만 ptr[2]라는 값이 왜 nums[2]가 아닌 nums[3]을 가리키는지 모르겠습니다. nums ptr 포인터 변수 자체가 ptr++을 해주게 되면 nums[1]이라는 값으로 초기화가 되고 인덱싱을 하려면 기존의 nums[0]이 nums[1]과 같은 위치가 되는 것인가요??

  • c
jiwon6760 댓글 1 좋아요 0 조회수 391

싱글톤방식 주의점 관련 질문있습니다

미해결

스프링 핵심 원리 - 기본편

싱글톤방식을 할 때 항상 싱글톤 객체는 무상태로 설계해야 한다고 강의자료에 나와있는데 그러면 항상 빈을 설계할때 스프링빈의 필드에는 공유값을 설정하지 말고 무조건 지역변수와 같은 것들로 설계를 해야하나요?? 예외는 없는건가요??

  • 객체지향
  • oop
  • spring
코더 댓글 1 좋아요 0 조회수 273

voidcallback함수와 클래스내에 변수선언에 관한질문

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

toppart위젯의 빌드함수안에 final now = DateTime.now (); 를 선언하는것은 어떤이유인가요? final DateTime selectedDate; final VoidCallback onHeartPressed; 밑에 선언해도(클래스의 변수로 선언해도) 동일한 동작을 하지않나요? 어차피 toppart는 statelesswidget이라 setstate를 하게되면 homescreen의 state가 다시 빌드되면서 toppart위젯도 (빌드함수만실행되는게아니라) 새로 생겨날텐데 어떤거는 빌드함수내에 선언하고 어떤거는 클래스내부의 프로퍼티로 선언하는지 차이가 궁금합니다. toppart인스턴스에 onHeartPressed함수를 아규먼트로 넘겨줄때 함수기호인()괄호를 넣지않았는데 이는 voidcallback 과 관련있는것인가요? void함수도 파라미터를 만들수있는걸로 이해했는데 return이 있는(void가 아닌)함수만 함수를 사용할때 ()기호를넣는것인가요?

  • flutter
  • 클론코딩
  • 클론코딩
  • Flutter
뭐하지이름 댓글 1 좋아요 0 조회수 511

유닛테스트 도중 'findByEmail' 의 함수를 못찾고 있습니다.

미해결

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

문제점: 제목 그대로 유닛테스트 도중 'findByEmail' 의 함수를 못찾고 있습니다. <에러발생 사진> <제 코드> users.service.spec.ts users.service.ts 추가질문 : 추가 질문으로 위로 올려 보시면 users.Service.spec.ts 에서 두번째 사진중 빨간네모박스 체크를 했는데 기존 UsersServie 코드로 하면 모듈에서 인식을 못하는지 아래와 같은 에러가 떴습니다. 이거 다른해결 방법이 있나요? < 모듈 사진추가> users.module.ts app.module.ts

  • node.js
  • express
  • nodejs
  • nestjs
  • typeorm
  • TypeORM
  • NestJS
darby 댓글 1 좋아요 0 조회수 644

terraform apply 실행시키면 Error 발생합니다.

미해결

지금 당장 데브옵스 - 테라폼 X AWS

PS C:\Users\esc0\Desktop\terraform\terraform-aws\7.rds-ec2-s3-alb-vpc> terraform apply var.service_type Enter a value: test ╷ │ Error: error configuring Terraform AWS Provider: no valid credential sources for Terraform AWS Provider found. │ │ Please see https://registry.terraform.io/providers/hashicorp/aws │ for more information about providing credentials. │ │ Error: NoCredentialProviders: no valid providers in chain. Deprecated. │ For verbose messaging see aws.Config.CredentialsChainVerboseErrors │ │ │ with provider[" registry.terraform.io/hashicorp/aws "], │ on main.tf line 11, in provider "aws": │ 11: provider "aws" { │

  • aws
  • Terraform
김경호 댓글 1 좋아요 0 조회수 748

오토 레이아웃 질문입니다

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

오토 레이아웃은 각 아이템의 크기가 동일해야 사용할수있나요? 여러개의 버튼을 만들고 오토 레이아웃으로 정렬을 하려고 했는데 두개를 같이 묶을땐 오른쪽에 오토 레이아웃이 활성화되는데 세개나 그이상을 묶으면 사라져버립니다, 개수나 형식에 따라 제한이 있는지요? +아래 질문글에 올려주신 예제파일에서 메인버튼 5개를 묶으니 오토레이아웃이 뜨는데 제가 도형으로 만든 버튼은 안뜨네요

  • 웹-디자인
  • 모바일-디자인
  • 모바일-디자인
  • figma
  • 웹 디자인
SY 댓글 1 좋아요 0 조회수 476

docker-compose설정을 통한 로그 수집?

미해결

풀스택을 위한 도커와 최신 서버 기술(리눅스, nginx, AWS, HTTPS, 배포까지) [풀스택 Part3]

안녕하세요. 이번 도커 강의를 통해 도커에 대해 한단계씩 스킬을 올리고 있는 수강생입니다. 다름이 아니라, docker-compose.yml에서 volumes 설정을 이용해서 특정 파일들을 로컬의 한곳에 저장 시킬 수 있는 방법이 있나요? 가능한부분인지..궁금합니다. ex) docker-compose에 a라는 서비스가 명시되어 있음 a 서비스 내에는 1,2,3 등 수동적인 폴더가 생성됨. 다만 수동적인 폴더 하위 폴더에는 logs 라는 공통적인 폴더가 있고 log라는 파일이라는 이 존재함 특정 폴더내에 있는 log 파일들이 수정될 때마다 로컬의 한곳의 파일에 기록(누적)하고 싶음. 정리를하면 docker-compose에서 이 정규식을 활용하여 여러 폴더에 있는 다수의 파일을 로컬의 한곳의 파일에 저장이 가능한가요? local/test/log.txt:a/* /logs/log 감사합니다.

  • 네트워크
  • docker
  • network
  • linux
sam 댓글 1 좋아요 0 조회수 1238

hasText 부분 질문있습니다.

해결됨

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

========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] 여기에 질문 내용을 남겨주세요. 아래 코드에서 orderStatus 부분은 널로 체크하고 memberName 부분은 hasText로 체크한 이유가 있을까요?? orderSearch.getMemberName() != null 이런식으로 체크하면 안되는지 궁금합니다. if (orderSearch.getOrderStatus() != null) { query = query.setParameter("status", orderSearch.getOrderStatus()); } if (StringUtils.hasText(orderSearch.getMemberName())) { query = query.setParameter("name", orderSearch.ge tMemberName()); }

  • java
  • spring-boot
  • 웹앱
  • 웹앱
  • jpa
  • JPA
  • spring
hw h 댓글 1 좋아요 1 조회수 482

강의자료 (Source Code ) 는 어디서 다운 로드 받나요?

미해결

React + API Server 프로젝트 개발과 배포 (CI/CD)

안녕하세요? 좋은 강의 잘 듣고 있습니다. 강의자료 (Source Code ) 는 어디서 다운 로드 받나요? pdf는 다운로드 받았는데 Source Code는 못 찾겠네요 전체 강의자료 파일 첨부되어 있습니다. 메시지는 보이는데 전체 강의자료 받을 수 있을까요? 감사합니다.

  • ci/cd
  • cicd
  • spa
  • SPA
백명숙 댓글 2 좋아요 1 조회수 827

@Autowired 필드 명에서

미해결

스프링 핵심 원리 - 기본편

[질문 내용] 안녕하세요, 강의를 듣다 궁금한 점이 생겨 질문 드립니다. @Autowired 필드 명에서, 먼저 타입 매칭을 시도하고, 그 결과에 여러 빈이 있을 경우 필드 명, 파라미터 명으로 빈 이름을 매칭한다고 이해했습니다. 그렇게 된다면, 기존 코드인 (DiscountPolicy discountPolicy) @Autowired public OrderServiceImpl(MemberRepository memberRepository, DiscountPolicy discountPolicy) { ..... } 이처럼은 사용 못하는 것이고 @Autowired public OrderServiceImpl(MemberRepository memberRepository, DiscountPolicy ratecountPolicy) { ..... } DiscountPolicy rateDiscountPolicy 처럼 파라미터명( 또는 필드명)을 바꿔줘야 하는건가요? 감사합니다!

  • 객체지향
  • oop
  • spring
qzxy812 댓글 1 좋아요 0 조회수 598

엔티티 클래스 개발2 오류

미해결

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

실행시켰는데 오류가 이렇게 나타납니다 거의 모든 클래스들에서 jakarta가 빨간색으로 표시됩니다 build.gradle과 application.yml도 첨부합니다.

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

노드 아예 모르는 상태로 들어도 괜찮을까요?

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

리액트는 어느정도 프로젝트도 해보고 웬만한건 구현이 가능한 정도인데 노드에 관해서 전혀 모르는데 수강해도 괜찮을까요? 혹시 노드 지식이 필요하다면 어떤 강의를 듣고 와서 수강을 해야할까요?

  • node.js
  • Next.js
  • 클론코딩
  • nodejs
  • typescript
  • postgresql
  • 클론코딩
  • react
  • next.js
  • docker
김현성 댓글 2 좋아요 0 조회수 447

실시간 트렌딩 프로덕트 쪽

미해결

웹플로우(Webflow) 시작하기 - 코딩 없이 자유도 높은 프로토타입 만들기

영상과 현재 구조가 좀 다른데요. '실시간 트레닝 프로덕트' 쪽 5개를 표현하기 위해 필터링하는 부분인데요. '설정'에서 'Add Filter'에서 영상과 달리 기간을 기입하거나 하는 란이 나타나지 않고요. 'Equals' 여부 'Value' 칸 기입이 있는데, 어떻게 하는 건가요?

  • 프로토타이핑
  • no-code
  • 프로토타이핑
  • webflow
  • No-code
박승표 댓글 1 좋아요 0 조회수 586

프로그래머스나 백준 확인해보니까

해결됨

코딩테스트 [ ALL IN ONE ]

프로그래머스에선 보통 숫자의 범위, 배열의 최대크기 백준에선 시간제한 이런식으로 주어지는데 여기서 말씀해주신건 시간제한이죠ㅕ??

  • 코딩-테스트
  • 코테 준비 같이 해요!
  • 알고리즘
  • algorithm
  • python
jeeeee_sung 댓글 2 좋아요 1 조회수 1354

create( ) - User 를 만들기 수업 관련

미해결

Node.js의 모든 것

강의 잘듣고 있는데 제가 아직 초보라서 강의를 듣고 게시판이나 로그인 같은것들을 잘 구현할수 있을지 nest js 와 잘 연동할수 있을지 감이 안잡혀서요 혹시 prisma 강의에서 로그인, 로그아웃 게시판 만들기 이미지 업로드 구현 같은 구체적인 기능 구현 강의는 추가 안되나요?

  • postgresql
  • nestjs
  • NestJS
  • prisma
현석오 댓글 1 좋아요 0 조회수 450

인기 태그

인프런 TOP Writers

주간 인기글