묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
컨포넌트의 파일 간 이동
(상황) 현재 강의 별로 파일을 만들어 수업 한 내용을 페이지에 정리했습니다.(질문)*실무 경험이 없어 이런 질문을 남기게 된 점 양해부탁드립니다.파일을 관리할 때, 지금처럼 주제 별 (네비게이션, 피드백 등)로 파일을 만드는 게 좋은지 아니면 한 파일에 모든 컨포넌트를 넣어놓는 게 좋은지 궁금합니다.각 파일별로 분산 된 컨포넌트를 한 곳에 모을 때, 제가 발견한 방법은 '해당 컨포넌트 잘라내기 - 붙여넣기'입니다. 혹시 좀 더 효율적인 방법이 있을까요?항상 감사드립니다.
-
해결됨외워서 끝내는 네트워크 핵심이론 - 기초
인캡슐레이션, 디캡슐레이션
안녕하세요. 궁금한 것이 있어서 질문 드립니다.두 컴퓨터가 인캡슐, 디캡슐을 통해서 패킷을 주고 받는건 이해를 했는데요1번 컴퓨터에서 2번 컴퓨터로 인캡슐레이션 된 패킷이 전송된다고 하면스위치에서는 2계층 헤더를 까서 보고 라우터에서는 3~4계층 헤더를 까서 보는거 아닌가요?(라우터에서 네트워크로 전송을 해야 되니 전송계층인 4계층까지 깐다고 생각했습니다.)그렇게 패킷이 전송된다면 4계층까지 디캡슐레이션 된 패킷이 되는데목적지에 도달해서 다시 디캡슐레이션 하는게 이해가 가지 않습니다.라우터에서 4계층까지 헤더를 보고 다시 헤더를 재생성해서 패킷에 붙여주는건지요.. 그리고 OSI 7 레이어가 컴퓨터 기준에서는 이해가 되는데네트워크 장비, 스위치는 2계층 장비라고 하고, 라우터는 3계층 스위치인데컴퓨터에 적용해서 OSI 7레이어를 생각하다가 장비쪽에서 또 2계층, 3계층이 나오니 헷갈립니다.그냥 데이터 링크 역할을 하고 전송을 하는 역할을 하니까 OSI7 레이어 기준으로 보면 2계층 장비다, 3계층 장비다 라고 하는건지요
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
transition-delay를 어느곳에 주는냐에 따라 차이가 있는데 왜그런걸까요..?
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Flex 레이아웃 이미지 어코디언 네비게이션</title> <link rel="stylesheet" href="style.css"> </head> <body> <ul class="gallery"> <li> <div class="content"> <h2>Uploads made easy</h2> <p>Use Spotify for Artists to upload your releases. With previews and simple edits, you can control exactly how your music appears to divsteners. </p> <div class="sns"> <a href="#none"><i class="fa fa-facebook"></i></a> <a href="#none"><i class="fa fa-instagram"></i></a> <a href="#none"><i class="fa fa-linkedin"></i></a> <a href="#none"><i class="fa fa-google-plus"></i></a> </div> </div> </li> <li> <div class="content"> <h2>Uploads made easy</h2> <p>Use Spotify for Artists to upload your releases. With previews and simple edits, you can control exactly how your music appears to divsteners. </p> <div class="sns"> <a href="#none"><i class="fa fa-facebook"></i></a> <a href="#none"><i class="fa fa-instagram"></i></a> <a href="#none"><i class="fa fa-linkedin"></i></a> <a href="#none"><i class="fa fa-google-plus"></i></a> </div> </div> </li> <li> <div class="content"> <h2>Uploads made easy</h2> <p>Use Spotify for Artists to upload your releases. With previews and simple edits, you can control exactly how your music appears to divsteners. </p> <div class="sns"> <a href="#none"><i class="fa fa-facebook"></i></a> <a href="#none"><i class="fa fa-instagram"></i></a> <a href="#none"><i class="fa fa-linkedin"></i></a> <a href="#none"><i class="fa fa-google-plus"></i></a> </div> </div> </li> <li> <div class="content"> <h2>Uploads made easy</h2> <p>Use Spotify for Artists to upload your releases. With previews and simple edits, you can control exactly how your music appears to divsteners. </p> <div class="sns"> <a href="#none"><i class="fa fa-facebook"></i></a> <a href="#none"><i class="fa fa-instagram"></i></a> <a href="#none"><i class="fa fa-linkedin"></i></a> <a href="#none"><i class="fa fa-google-plus"></i></a> </div> </div> </li> <li> <div class="content"> <h2>Uploads made easy</h2> <p>Use Spotify for Artists to upload your releases. With previews and simple edits, you can control exactly how your music appears to divsteners. </p> <div class="sns"> <a href="#none"><i class="fa fa-facebook"></i></a> <a href="#none"><i class="fa fa-instagram"></i></a> <a href="#none"><i class="fa fa-linkedin"></i></a> <a href="#none"><i class="fa fa-google-plus"></i></a> </div> </div> </li> </ul> </body> </html> /* Google Web Font */ @import url('https://fonts.googleapis.com/css?family=Raleway&display=swap'); /* Fontawesome 4.7 */ @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); body { font-family: 'Raleway', sans-serif; line-height: 1.5em; margin: 0; } a { text-decoration: none; color:#fff; } .gallery{ list-style: none; margin:0; padding:0; height: 100vh; display: flex; } .gallery li{ flex:1; background:center no-repeat; border-right:3px solid #000; position:relative; overflow: hidden; transition:0.5s; } .gallery li:last-child{ border-right:none; } .gallery li:nth-of-type(1){background-image: url(images/artistic-image-01.jpg);} .gallery li:nth-of-type(2){background-image: url(images/artistic-image-02.jpg);} .gallery li:nth-of-type(3){background-image: url(images/artistic-image-03.jpg);} .gallery li:nth-of-type(4){background-image: url(images/artistic-image-04.jpg);} .gallery li:nth-of-type(5){background-image: url(images/artistic-image-05.jpg);} .gallery li .content{ position:absolute; width: 100%; background-color:#000; height: 250px; left:0; bottom:-300px; color:#fff; text-align: center; padding:20px; padding-top: 40px; box-sizing: border-box; transition:0.5s; } .gallery li .content:before{ content:''; position:absolute; width: 100%; height: 50px; top:0; left:0; background-color:#000; transform: rotate(-3deg) scale(1.3); transform-origin: left bottom; } .gallery li:hover{ flex:3; filter: grayscale(1); } .gallery li:hover .content{ bottom:0; transition-delay: 0.5s; } transition-delay:0.5s를 .gallery li .content와 .gallery li:hover .content 중 어느쪽에주느냐에 따라 차이가 있는데 왜 그런걸까요...ㅠㅠ .gallery li .content에 주면 li에 마우스가 벗어날때 .content박스가 사라지는것까지 보여버리는데(.gallery li:hover .content에 주면 문제없이 잘 작동됩니다.) .gallery li .content와 .gallery li:hover .content에 각각transition-delay를 주는게 어떤 차이때문에 다르게 보이는지알고싶습니다.
-
해결됨Next.js 시작하기
bun, biome 사용 질문
안녕하세요, 강의 잘 보고 있습니다.React Native 프로젝트를 진행할 때 Bun을 사용하여 패키지 매니징을 했을 때 굉장히 개발 경험이 쾌적했던 기억이 있습니다.그리고 비교적 최근 ESLint와 Prettier의 단점을 상쇄해줄 Biome라는 솔루션이 나와서 도입해보려고 하던 상태였습니다.선생님은 Bun, Biome에 대해 어떻게 생각하시는지 궁금합니다!
-
해결됨[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
다른 Navigation 에서 같은 screen 을 사용하는 경우도 있나요?
❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요!질문이 있습니다 강사님 오류는 아니고 궁금한점이있어서 문의드립니다보통 다른 네비게이터의 자식 페이지로 이동할때StackNavigator 1- Screen A- Screen BStackNavigator 2- Screen C- Screen Dnavigation.navigate('StackNavigator2', {screen: 'Screen C'}); 이렇게 이동한다고 하지만, 이게 엄청 복잡하거나 screen 안에 param 안에 screen 즉 아래와 같은 경우에는 어떻게 작업해야할까요?navigation.navigate(MAIN_NAVIGATIONS.MAP, { screen: MAP_NAVIGATIONS.LOCATION_FEED_TAB, params: { screen: LOCATION_TAB_NAVIGATIONS.LOCATION_FEED_HOME, params: { screen: LOCATION_NAVIGATIONS.LOCATION_DETAIL, params: {id}, }, }, }); [ex) 상세 페이지(detail)를 list를 통해 이동했을 경우와 calendar 에서 바로 상세페이지로 이동했을 경우 goBack()의 히스토리가 잘못되어 calendar에서 바로 상세페이지(detail)로 이동하였을경우 goBack() 올바르게 작동하지 않는 경우]3가지 방안으로 생각하였지만..(1) goBack()을 사용하지 않고 어떤 경로로 접속하였든 List로 이동시키는 방법(2) 아니면 흐름을 위하여 동일한 screen을 다른 navigation 에 각각 등록하여 따로 흐름(?)을 관리screen을 다른 navigation 에 각각 사용하는 경우도있나요?(3) 전역상태 push 관련 history를 직접 관리하여 작업해야하는 지어떤게 맞는 방법인지 혹시 다른 방법이 있는지 궁금하여 문의드립니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
29일 마감인 인증샷 스터디는 어떻게 신청하나요?
기 수강생도 참여가 가능한가요?강의 소개 페이지에 스터디 프로그램이 있는 것 같아신청란을 찾아보려는데 혹시 신규 수강생에 한해서 진행되는 스터디인지 궁금합니다.
-
해결됨모두의 깃 & 깃허브
ssh 관련 문제
안녕하세요 선생님.깃허브와 소스트리 연동하기 강의에서 문제가 생깁니다.Window 에서 진행하고 있습니다.일단 ssh-keygen을 이용해서 key를 생성 했습니다.그리고 만든 퍼블릭 키를 깃허브에 등록하는것 까지 했고이후 도구에 들어가서 ssh 클라이언트 설정에 Openssh로 했지만 키 경로가 강의에서 보는것처럼 자동으로 뜨지 않았습니다.그래서 여러가지 시도를 해봤습니다. 일단 앱에서 Openssh 서버를 깔았습니다. 클라이언트는 깔려있었습니다.그래도 안됐습니다.그래서 openssh해도 자동으로 안뜨니까 제가 직접 개인키 경로를 복사해서 입력해줬습니다.그래도 선생님의 레포지토리가 클론되지 않습니다.먼저 이렇게 나오고기다리다보면이런 에러메세지가 나옵니다.아래는 위의 사진에 나온 에러메세지를 그대로 복붙한 것입니다.Command: git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks ls-remote git@github.com:kangtegong/collaboration.git출력: 오류: ssh: connect to host github.com port 22: Connection timed outfatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.제가 해볼수 있는것은 해본것 같은데 혹시 도와주실수 있을까요?
-
미해결[게임 프로그래머 입문 올인원] C++ & 자료구조/알고리즘 & STL & 게임 수학 & Windows API & 게임 서버
질문드립니다.
강의에 혹시 다이렉트x 내용도 있을까요?없다면 다른 강의 중에 다룬 게 있을까요?
-
미해결[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)
chatGPT vs Gemini vs Copilot ?
안녕하세요.chatGPT 활용 팁 감사합니다.문의 드리고 싶은것은, 코린이인 제가 어떤 주어진 문제해결을 위한 코드작성할때 ,Chat GPT 뿐만아니라, 구글의 Gemini, MS의 Copilot 도 이용하곤 했는데, 경우에 따라서 말귀를 잘알아듣고, 생성코드품질이 AI별로 차이가 나기도 하고, 3가지 모두 비슷하기도 했습니다. 전문 개발자가 보시기에, 3가지 AI중에 chatGPT가 가장 좋은지 조언 부탁드립니다.감사합니다.
-
해결됨딥러닝 이론 + PyTorch 실무 완전 정복
Section 3 이론 classification Loss function 질문
안녕하세요.Section 3 이론 classification Loss function 질문있습니다.ground truth는 각 class별 실제 확률값이라고 하셨는데, 실제 데이터에서 우리가 주어진 정보는 해당 observation이 어떤 클라스를 가지는지 label정보만 주어집니다. (확률이 아님)각 loss function별 비교를 위해 설명해주신부분은 이해가 되었으나, 실제로 모델이 학습할때 class별 ground truth 확률값을 모르는 상황에서 어떻게 학습이 되는지 궁금합니다.혹시라도 강의 후반에 관련 내용이 나온다면 미리 죄송하다는 말씀 드립니다.감사합니다.
-
해결됨[JS] Phaser 게임 제작 - 뱀파이어 서바이벌 클론
노드.js 버전 질문
node 18버전으로 이상으로 실행하면 에러가 뜨는데 그럼 계속 게임개발을 하기 위해서는 node를 계속해서 다운그레이드 상태로유지해야 하나요? 게임 외에도 웹페이지 백엔드 제작에도 노드.js를 사용중인데 다운그레이드를하면 문제가 없을까요?
-
미해결토비의 스프링 부트 - 이해와 원리
섹션2 hello project
@RestController public class helloController { @GetMapping("/hello") public String hello(String name){ return "hello"+name; }}안녕하세요, @RequestParam을 안쓰는 이유가 무엇인가요?
-
해결됨디지털포렌식 입문자를 위한 디지털포렌식 전문가 2급 실기 시험대비 강의(Encase/Autopsy)
법이론 문제 출제 여부 문의
안녕하세요디지털포렌식 2급 실기 20회는 법이론 문제 출제되지 않았다고 하셨는데 21회는 출제되었나요?이번에 22회 실기 시험보러 가는데 법이론 문제도 준비해야되나 해서요
-
해결됨구글 애드센스 수익형 워드프레스 블로그 만들기
워드프레스 설치시 사이트 주소를 https://itdjango.com/wp/ 로 뒤에 wp를 붙여서 생성하였습니다. 변경가능한가요?
워드프레스를 설치할 때 사이트 주소를 원래 https://itdjango.com으로 설정하려고 했는데, wp를 지우는 것을 깜박하여서https://itdjango.com/wp로 설정이 되어버렸습니다.뒤에 wp를 지우고 싶습니다. 방법이 없을까요?
-
해결됨코딩테스트 [ ALL IN ONE ]
min cost climbing stairs 완전탐색/dp 후반부에서 질문있습니다~
19:00쯤에서 보면 memo 정의 하실때 memo = [-1]*n으로 초기화하시고 시작하시는데n+1을 곱해줘야하지 top을 포함한 개숫가 초기화 되는게 아닌가 싶어서 질문드립니다혹시 제가 놓친게 있다면 말씀부탁드려요 ㅠㅠ
-
해결됨비전공자도 이해할 수 있는 Docker 입문/실전
프론트엔드 배포 관련해서 질문 있습니다.
안녕하세요. 쉽고 재미있게 강의 만들어주셔서 잘 보며 공부하고 있습니다! 강의 듣던 중에 하나 궁금한 점이 있어서 질문을 남기게 됐는데요. 현재 Next.js로 프론트엔드 프로젝트를 하는데 AWS의 어떤 서비스로 배포를 하는게 좋을까 고민중입니다. 강의에서 EC2는 보통 백엔드에 사용한다고 하셔서요! S3는 보통 정적인 사이트를 배포할 때 사용하는 것으로 알고 있는데 SSR 서비스 배포 시에는 어떤 서비스로 배포하는걸 추천하시나요?
-
해결됨[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
Expo SDK 적용?
최근 Expo SDK 51이 릴리즈 되면서 React Native 공식 문서에서도 Expo를 권장하도록 수정되었던데, Bare CLI를 계속 사용해야 할까요? 개발 경험 또한 Bare CLI보다 Expo를 사용했을 때 훨씬 빠르고 편했고 빌드하면 Native Module도 사용할 수 있으니 그리 큰 차이도 없는 것 같아서요. 선생님의 생각이 궁금합니다.
-
해결됨(2025) 일주일만에 합격하는 정보처리기사 실기
예제7번 질문입니다.
예제7번을 풀면 -1-2+9-4+25-6+49-8+81-10 = 133 아닌가요. 제가 뭘 잘못이해하고 있는걸까요? ㅠㅠ
-
해결됨스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
상품 등록에서 상품명을 빈 칸으로 넣었을 때
html <form action="item.html" th:action th:object="${item}" method="post"> <label for="itemName" th:text="#{label.item.itemName}">상품명</label> <input type="text" id="itemName" th:field="*{itemName}" th:errorclass="field-error" class="form-control" placeholder="이름을 입력하세요"> <div class="field-error" th:errors="*{itemName}"> 상품명 오류 </div> controller @PostMapping("/add") public String addItemV3(@ModelAttribute Item item, BindingResult bindingResult, RedirectAttributes redirectAttributes, Model model) { log.info("objectName={}", bindingResult.getObjectName()); log.info("target={}", bindingResult.getTarget()); //검증 로직 if (!StringUtils.hasText(item.getItemName())) { bindingResult.addError(new FieldError("item", "itemName", item.getItemName(), false, new String[]{"required.item.itemName"}, null, null)); } if (item.getPrice() == null || item.getPrice() < 1000 || item.getPrice() > 1000000) { bindingResult.addError(new FieldError("item", "price", item.getPrice(), false, new String[]{"range.item.price"}, new Object[]{1000, 1000000}, null)); } if (item.getQuantity() == null || item.getQuantity() >= 9999) { bindingResult.addError(new FieldError("item", "quantity", item.getQuantity(), false, new String[]{"max.item.quantity"}, new Object[]{9999}, null)); } //특정 필드가 아닌 복합 룰 검증 if (item.getPrice() != null && item.getQuantity() != null) { int resultPrice = item.getPrice() * item.getQuantity(); if (resultPrice < 10000) { bindingResult.addError(new ObjectError("item", new String[]{"totalPriceMin"}, new Object[]{10000, resultPrice}, null)); } } //검증에 실패하면 다시 입력 폼으로 if (bindingResult.hasErrors()) { log.info("errors={}", bindingResult); return "validation/v2/addForm"; } //성공 로직 Item savedItem = itemRepository.save(item); redirectAttributes.addAttribute("itemId", savedItem.getId()); redirectAttributes.addAttribute("status", true); return "redirect:/validation/v2/items/{itemId}"; } log 2024-06-26T10:44:00.155+09:00 INFO 22592 --- [nio-8081-exec-8] h.i.w.v.ValidationItemControllerV2 : target=Item(id=null, itemName=, price=null, quantity=null)상품 등록 창에서 전체 칸을 빈칸으로 넣어서 로그를 출력했을 때,id, price, quantity는 null이 들어갔는데 itemName는 null이 아니라 그냥 빈칸인가요??
-
미해결[C#/.NET 8.0]어서와, Blazor Server는 처음이지?
안녕하세요, Radzen 관련 질문 드립니다
학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!마크다운, 단축키를 이용해서 편리하게 글을 작성할 수 있어요.먼저 유사한 질문이 있었는지 검색해보세요.서로 예의를 지키며 존중하는 문화를 만들어가요.잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.안녕하세요, 강의 잘 듣고 혼자 간단하게 작업해보려고 이것저것 해보는 중인데,,, 강의해서 소개해주신 Radzen 을 이용하여 Laydout을 생성하였는데 네모 박스 친 부분과 같이 해당 부분을 없애고 싶은데,,, 코드 어느 부분에서 없애야하는건지 모르겠어서 질문 드립니다. 사이드바 레이아웃의 바디 부분 같은데,,, 어떻게해야 없앨 수 있을까요?
