묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결입문자를 위한, ES6+ 최신 자바스크립트 입문
[계산기 CSS Markup]output 창의 높이관련
안녕하세요. output 창의 높이가 강사님 화면처럼 고정되지가 않고, previous 와 current.textContent 값이 있으면 높이가 조금 높아졌다가, 값이 없으면 작아집니다. 계산기의 style.css 를 그대로 따라 했고요.안되서 강의 파일을 그대로 복사했어도 동일합니다.당췌 이유를 모르겠습니다. ㅡㅡ; ( 참고로 강의 파일에는 right 로 되어 있어서 botton 으로 수정해서 적용했습니다. )body { height: 100vh; background: linear-gradient(to right, #00aaff, #0f4c81); } [index.html] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <script src="main.js" defer></script> <title>계산기</title> </head> <body> <div class="calculator-grid"> <div class="output"> <div class="previous-operand" data-previous-operand></div> <div class="current-operand" data-current-operand></div> </div> <button class="span-two" data-all-clear>AC</button> <button data-delete>DEL</button> <button data-operation>÷</button> <button data-number>1</button> <button data-number>2</button> <button data-number>3</button> <button data-operation>×</button> <button data-number>4</button> <button data-number>5</button> <button data-number>6</button> <button data-operation>+</button> <button data-number>7</button> <button data-number>8</button> <button data-number>9</button> <button data-operation>-</button> <button data-number>.</button> <button data-number>0</button> <button class="span-two" data-equals>=</button> </div> </body> </html> [style.css]* { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; background: linear-gradient(to bottom, #00aaff, #0f4c81); } .calculator-grid { display: grid; justify-content: center; align-content: center; min-height: 100vh; grid-template-columns: repeat(4, 100px); grid-template-rows: minmax(120px, auto) repeat(5, 100px); } .calculator-grid > button { cursor: pointer; font-size: 2rem; border: 1px solid #fff; outline: none; background-color: rgba(255, 255, 255, 0.75); } .calculator-grid > button:hover { background-color: rgba(255, 255, 255, 0.9); } .span-two { grid-column: span 2; } .output { grid-column: 1/-1; background-color: rgba(0, 0, 0, 0.75); display: flex; align-items: flex-end; justify-content: space-around; flex-direction: column; padding: 10px; word-wrap: break-word; word-break: break-all; } .output .previous-operand { color: rgba(255, 255, 255, 0.75); font-size: 1.5rem; } .output .current-operand { color: #fff; font-size: 2.5rem; }
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
3-4피처엔지니어링 강의, 원핫인코딩 컬럼 수가 다릅니다.
3-4 피처엔지니어링 강의에서 원핫인코딩 시 선생님이 진행하신 과정과 columns가 달라서 질문 드립니다.인코딩 시마다 결과가 달라질 수는 없을 것 같은데 혹시 데이터 자체가 변화됐나요?선생님 강의에서 진행했을 때는 컬럼수가 100개였고 제가 진행하는 시점에서는 99개로 출력됩니다.
-
미해결입문자를 위한, ES6+ 최신 자바스크립트 입문
[계산기]소수점 이하 '0' 버튼 입력시 상단표시 관련
안녕하세요.계산기 코드에서, 소수점선택이랑, 0 을 선택하는 경우,floatNumber 는 해당값 인식이 안되어, 상단 currentDisplay에 표시가 안되고,이후 다른 숫자를 누르면 소수점 및 0을 포함하여 floatNumber 값이 인식이 되어 상단에 함께 표시가 되던데요. 소수점은 아니더라도 소수점 이하 0을 눌렀을 때에 상단화면에 0까지를 바로 표시가 되도록 하려면 if 문으로 추가 코딩을 해야 하는 거겠죠??
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
api개발 관련
안녕하세요궁금한점이 있습니다. 선생님 강의에서 api개발은 어떤강의를 들어야 하나요?
-
미해결나도코딩의 자바 기본편 - 풀코스 (20시간)
왜 자식클래스의 메서드가 메인에서 실행될까요?
다형성을 배울때, 변수의 자료형이 부모클래스라면 자식클래스에만 존재하는 메서드는 바로 사용이 되지않아 자식클래스로 형변환 해준뒤 사용한다고 했던거같습니다. 하지만 이번 예제에서, 분명 hamburgers array의 자료형은 Hamburger,즉 부모클래스의 자료형인데, 어째서 루프 안에서 hamburger.cook()이 실행될때마다 오버라이딩된 자식클래스 속의 cook메서드가 실행되는거에요?
-
해결됨Windows 시스템 프로그래밍 - 기본
보안 객체와 (보안) 기술 21분 질문입니다.
대전제 (feat. 핸들) (강의자료) 2초에서는 프로세서가 주체라고 설명해주셨는데 왜 보안 객체와 (보안) 기술자 21분경에서는 프로세스 수준 접근 통제 부분에서 객체에 대한 dacl과 로 나와있는데요.21분경에나와있는데 객체가 의미하는게 뭔가요?
-
미해결실전! Querydsl
inner join 인 경우 join 문이 없어도 되는 경우
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)예2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)예3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)예[질문 내용]queryDsl 강의 중 조인편을 보면서 한가지 실험을 해봤습니다.@Test void 팀A에_소속된_모든_멤버를_조회힌다() { List<Member> found = jpaQueryFactory.selectFrom(member) .where(member.team.name.eq("teamA")) .fetch(); assertThat(found) .map(Member::getTeam) .extracting("name") .allMatch(teamName -> teamName.equals("teamA")); } @Test void 조인을_통해_팀A에_소속된_모든_멤버를_조회힌다() { List<Member> found = jpaQueryFactory.selectFrom(member) .join(member.team, team) .where(team.name.eq("teamA")) .fetch(); assertThat(found) .map(Member::getTeam) .extracting("name") .allMatch(teamName -> teamName.equals("teamA")); }첫번째 테스트는 join 문 없이 QType 을 활용해서 where에 필요한 조건을 작성하였구요두번째 테스트는 join 메서드를 활용한 것 입니다.테스트 결과도 같고 실행 후 실제 수행된 쿼리도 동일하더라구요이런 경우에는 어떤 방법이 더 적절할까요?
-
미해결CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조
merge와 delivery차이
안녕하세요! 좋은 강의 감사합니다.강의를 듣던 중 궁금한 점이 생겨 질문드립니다.21:30 쯤 merge를 해서 메인 브랜치에 최종결과 코드를 릴리즈 했고 이게 delivery이다. 라고 해주셨는데 merge랑 delivery랑 같은 개념으로 생각해도 되는 건가요..?둘이 같은거라면 CI/CD 파이프라인에서 왜 굳이 나누는 건지...merge랑 delivery의 차이가 뭔지 잘 모르겠습니다 ㅠㅠ
-
미해결실습으로 배우는 프로메테우스 - {{ x86-64, arm64 }}
istio란
질문 답변을 제공하지만, 강의 비용에는 Q&A는 포함되어 있지 않습니다. 다만 실습이 안되거나, 잘못된 내용의 경우는 알려주시면 가능한 빠르게 조치하겠습니다![질문 전 답변]1. 강의에서 다룬 내용과 관련된 질문인가요? [예 | 아니요]2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? [예 | 아니요]3. 질문 잘하기 법을 읽어보셨나요? [예 | 아니요](https://www.inflearn.com/blogs/1719)4. 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.[질문 하기] 7.4.프로메테우스 블랙박스 모니터링 수업에서 istio 설명을 그림쿠버에서 다루어서 넘어갔는데, 저는 그림쿠버를 구매하지 않아 이해가 잘 되지 않습니다. 개략적으로 어떤 기능을 담당하나요?
-
미해결이득우의 언리얼 프로그래밍 Part1 - 언리얼 C++의 이해
변수나 함수이름 TEXT로 찾아서 사용할때
왜 fproperty는 staticclass()를 사용하고 ufunction은 getclass()를 사용해서 reflection을 하나요?
-
해결됨스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
섹션2 프로젝트 생성 아무것도 안됨
스프링 mvc 섹션2 서블릿 프로젝트 생성시 아무것도 안뜹니다servlet파일 압축풀어서 오픈했는데project 밑에 External Libraries랑 Scratches and Consoles 만 뜨고 아예 클릭도 안되고 아무것도 실행 안됩니다
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
5-L 111000이랑 000111은 결과 같지만 두번 계산 하는건가요
네5-K는 어려워서 아무도 질문이 없나 보네요 ㅠㅠ
-
미해결틴더 파이어베이스 클론 | 리액트 네이티브
디스코드 접속 안됨..
https://discord.com/invite/69JnvkXaAk2강에서 디스코드 링크에 문제가 있어보이는데요..
-
미해결함수형 프로그래밍과 JavaScript ES6+
함수형 프로그래밍이란
함수형 프로그래밍이 프로그래밍적 함수를 수학적 함수의 개념을 차용해 코딩하는 방법같다는 생각이 드는데, 맞을까요? 그렇게 차용하기 위해 순수함수, 참조 투명성 등이 필요한 거고!
-
미해결실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
즉시 로딩을 사용하면 좋을 때가 있을까요?
안녕하세요 강의 정말 잘 듣고 실무에서도 열심히 사용하고 있습니다. 강의에서 lazy loading과 fetch join을 활용하여 최적화 하는 부분에 대해서는 이해를 하고 있습니다. 그렇다면 eager loading은 사용을 피해야하는 걸까요?아니면 어떤 케이스에 대해서는 즉시 로딩이 더 실무적으로 유용한 경우가 있을까요?즉시 로딩이 사용을 지양해야 된다면 JPA에서 굳이 만들지 않았을 것 같은데 어떤 상황에서 사용해야할지에 대해 의문점이 듭니다. 제가 생각했을 땐 테이블 분리를 위해 엔티티를 나누었지만 항상 같이 조회되는 상황이나 OneToOne 상황에서는 크게 상관없을 것 같긴한데 필요없는 컬럼까지 즉시 로딩으로 가져오는게 성능에 크게 영향을 끼치는지에 대해 궁금합니다. 이외에도 실무적으로 이럴 땐 지연 로딩보단 즉시 로딩이 더 적합하다라는 상황이 있다면 조언 부탁드리겠습니다.감사합니다!
-
미해결홍정모의 따라하며 배우는 C언어
공백이 왜 생기는지 모르겠어요
8.5 숫자이 모든 문자를 섞어서 입력받기 강의에서공백이 왜 생기는거에요?
-
미해결[백문이불여일타] 데이터 분석을 위한 중급 SQL 문제풀이
4번 문제 group by 질문
select h.hacker_id, h.name from Submissions s inner join Hackers h on s.hacker_id = h.hacker_idinner join Challenges c on s.challenge_id = c.challenge_idinner join Difficulty d on c.difficulty_level = d.difficulty_levelwhere d.score = s.scoregroup by h.hacker_id having count(h.hacker_id) > 1order by count(h.hacker_id) desc, h.hacker_id 제가 푼 답안인데 틀렸다고 나옵니다. group by h.hacker_id, h.name 2개를 해줘야 정답으로 나오는데 hacker_id만 그룹화 해서 묶어도 되는거 아닌가요? select 에 h.hacker_id, h.name 이 두개의 컬럼을 다 group으로 묶어줘야 되는 이유가 있나요? 이해가 되지 않습니다.
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
5-G while(1)문 내부를 이렇게 하면 왜 안될까요?
if(hi==p)break; if(sum<n)sum+=a[hi++]; else sum-=a[lo++]; if(sum==n)ret++;왜 순서를 바꾸면 오류가 날까요?
-
미해결홍정모의 따라하며 배우는 C언어
while(getchar() != '\n') continue; 이부분 질문이요
3분 20초 쯤에 while(getchar() != '\n') continue;이걸 사용하면 빈칸 공백 없애주는거라고 하셧는데이게 왜 빈칸 공백 없애 주는건지 모르겟어요엔터키누르는게 아니면 continue로 뒤에꺼 실행안되게 하는 함수라고 생각하는데빈칸 없애는거랑 무슨 관련이 있나요?
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
Dio onRequest Interceptor 작업하기 질문입니다
Dio onRequest Interceptor 작업하기에서다른 에러는 없는데디테일 화면이 안나오고 이런에러가 뜨네요.
