묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨면접관 입장에서 작성하는 합격하는 이력서와 포트폴리오
이력서 템플릿은 현재는 못받는건가요??
다음과 같은 양식으로 남겨주세요.질문을 한 배경 :질문내용 : 디스코드에 들어갔는데 DM은 막혀있는 것같아서 질문드립니다!
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
5차 완성본 요청합니다.
5차_업데이트(고정된 섹션에 하위 섹션 올라오는 인터렉티브)이 부분 캡쳐 보면서 코드 따라쳐도 오류가 나오네요완성 코드 메일로 부탁드립니다.3326612@naver.com
-
미해결
[디자이너 모집] 헬스 트레이너 매칭 플랫폼 같이 만드실 분 모집합니다!!
프로젝트 소개 지루하기만 했던 내 운동 루틴에 동기 부여를 주기 위해!내가 하고자 하는 운동에 맞는 트레이너를 찾기 위해!해당 프로젝트를 제작하게 되었습니다 📍EGG COACH 기능트레이너 선정챗봇채팅내 목표에 맞추어 키울 수 있는 알 펫 키우기내 헬스 일정 📍현재 팀 구성은 다음과 같아요.- 웹 프론트엔드 2명- 백엔드 2명 프로젝트는 현재 기획(100%) , 프론트(10%) , 백(10%) 완료된 상황입니다. 저희 웹서비스의 디자인을 담당해주실 디자이너 1~2명을 찾고 있습니다. 약 2달내로 완료될 예정이고 시험 테스트도 진행할 예정입니다.비용발생의 경우 1/N으로 정산하며, 중간에 탈주하지 않으실 분!!(중요) , 성실하신 분, 팀 활동에 많이 참여해주실 분을 뽑을 생각이고, 포트폴리오용이지만 팀원들 동의하에 지속적으로 유지보수되었으면 좋겠습니다~!
-
해결됨서류합격률 4%를 탈출하는 개발자 이력서 작성법(실습 포함)
사이드 프로젝트 영역 질문드립니다
사이드 프로젝트 진행 후, 10명의 사용자가 유입됐었습니다혹시 이런 부분도 적으면 좋을까요?사이드 프로젝트에 뚜렷한 성과는 없고그냥 이런저런 기술 써봤다는 정도라서요. 그리고 추가로 이력서에 경력란을 적기는 하는데따로 경력시술서가 필요할까요?
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
모바일 웹 레이아웃 도움요청드립니다! (왕초보)
CSS 구조 문의드립니다.Wrapper를 이용해서 인증번호, 재발송, 우편번호 찾기 버튼을 화면 안으로 넣고 싶은데 어떻게 하는지를 도저히 모르겠습니다.. 아시는 분은 도와주시면 정말 감사하겠습니다.style.css 일부/* Import Local CSS */ @import url('/css/reset.css'); @import url('/css/variables.css'); * { font-family: var(--primary-kr); font-weight: 500; box-sizing: border-box; } body { margin: 0; font-family: var(--primary-kr); color: var(--dark-black); font-size: 14px; } .container { width: 100%; max-width: 393px; margin: 0 auto; padding: 16px; background-color: var(--white); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; box-sizing: border-box; font-family: var(--primary-kr); } .phone-input-wrapper { display: flex; /* 플렉스 박스 설정 */ justify-content: space-between; } .phone-input-wrapper input[type="tel"] { width: 60%; /* 입력 필드가 가변적인 공간을 차지 */ padding: 10px; border: 1px solid var(--gray); font-size: 14px; height: 40px; /* 동일한 높이 */ box-sizing: border-box; /* 패딩과 테두리를 포함한 크기 계산 */ } .phone-input-wrapper .btn-certification { width: 40%; /* 선택박스의 고정 너비 */ height: 40px; /* 입력 필드와 동일한 높이 */ padding: 10px; border: 1px solid var(--gray); font-size: 14px; box-sizing: border-box; /* 패딩 포함 */ } /* 인증번호 입력 필드 */ .auth-input-wrapper { display: flex; /* Flexbox로 가로 정렬 */ align-items: center; /* 세로 중앙 정렬 */ justify-content: space-between; width: 100%; /* 부모 요소의 너비를 꽉 채움 */ max-width: 393px; box-sizing: border-box; /* 패딩 포함 */ position: relative; /* 타이머 배치를 위해 필요 */ flex-wrap: wrap; } .auth-input-wrapper input { flex: 0; /* 입력 필드가 가용 공간을 차지 */ height: 40px; border: 1px solid var(--gray); font-size: 14px; box-sizing: border-box; min-width: 70%; /* 최소 너비 설정 */ } .auth-input-wrapper .timer { flex: 0; position: absolute; /* 입력 필드 내부 배치 */ right: 45%; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--alert-red); pointer-events: none; /* 클릭 불가 */ } .auth-input-wrapper .reset { display: flex; position: absolute; align-items: center; right: 40%; justify-content: center; text-decoration: none; /* 기본 링크 스타일 제거 */ margin-left: 10px; /* 타이머와의 간격 */ overflow: hidden; } .auth-input-wrapper .reset-link img { width: 16px; /* 아이콘 크기 */ height: 16px; } .auth-input-wrapper .reset-link:hover { background-color: var(--lightblue); /* 호버 시 색상 변경 */ transition: background-color 0.2s ease; } .auth-input-wrapper .btn-resend { flex: 1; height: 40px; font-size: 14px; color: white; background-color: var(--blue); border: none; border-radius: 6px; cursor: pointer; white-space: nowrap; /* 텍스트 줄바꿈 방지 */ min-width: 60px; /* 버튼 최소 너비 */ } /* 주소 필드 래퍼 */ .address-wrapper { display: flex; align-items: center; width: 100%; /* 화면 너비에 맞춤 */ box-sizing: border-box; } .address-wrapper input[type="text"] { width: 60%; height: 40px; padding: 10px; border: 1px solid var(--gray); font-size: 14px; box-sizing: border-box; min-width: calc(70% - 10px); /* 최소 너비 */ } .address-wrapper .btn-post-search { flex: 0 0 auto; /* 버튼 크기 고정 */ height: 40px; padding: 0 15px; font-size: 14px; color: white; background-color: var(--navybutton); border: none; border-radius: 6px; cursor: pointer; white-space: nowrap; /* 텍스트 줄바꿈 방지 */ min-width: 100px; /* 버튼 최소 너비 */ } signup-email.html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>회원가입</title> <link rel="stylesheet" href="/css/style.css"> </head> <body> <!-- Signup Form --> <div class="signup-content"> <div class="signup-field"> <label for="username">아이디<em>*</em></label> <input type="text" id="username" placeholder="아이디 입력" required> </div> <div class="signup-field"> <label for="password">비밀번호<em>*</em></label> <input type="password" id="password" placeholder="영문+숫자+특수문자 8자 이상" required> </div> <div class="signup-field"> <label for="password-check">비밀번호 확인<em>*</em></label> <input type="password" id="password-check" placeholder="비밀번호 확인 입력" required> </div> <div class="signup-field"> <label for="name">이름<em>*</em></label> <input type="text" id="name" placeholder="이름 입력" required> </div> <div class="signup-field"> <label for="email"> 이메일<em>*</em> </label> <div class="email-input-wrapper"> <input type="email" id="email" name="email" placeholder="이메일 입력" required> <select name="email-domain" id="email-domain"> <option value="">선택하기</option> <option value="gmail.com">gmail.com</option> <option value="naver.com">naver.com</option> <option value="daum.net">daum.net</option> </select> <span class="dropdown-icon"></span> <!-- SVG 아이콘 위치 --> </div> </div> <div class="signup-field"> <label for="phone">휴대폰<em>*</em></label> <div class="phone-input-wrapper"> <input type="tel" id="phone" placeholder="숫자만 입력" required> <button class="btn-certification">인증번호</button> </div> </div> <div class="signup-field"> <label for="auth-code"></label> <div class="auth-input-wrapper"> <input type="text" id="auth-code" placeholder="인증번호 입력" required> <span class="timer">00:00</span> <a href="#" class="reset"> <img src="/images/reset.svg" alt="Reset Icon"> </a> <button class="btn-resend" type="button">재발송</button> </div> </div> <div class="signup-field"> <label for="address">주소<em>*</em></label> <div class="address-wrapper"> <input type="text" id="address" placeholder="주소 입력" required> <button class="btn-post-search">우편번호 찾기</button> </div> </div> <div class="signup-field"> <label for="address-detail"></label> <input type="text" id="address-detail"> </div> <div class="signup-field"> <label for="address-detail">상세주소<em>*</em></label> <input type="text" id="address-detail" placeholder="상세 주소 입력" required> </div> <p class="notice">배송지에 따라 상품 정보가 달라질 수 있습니다.</p> <div class="thirdline"></div> <!-- 위에 줄 --> </div> </body> </html> style.css
-
해결됨게임 프로그래머 취업 전략 가이드
해외 취업에 대해서는 어떻게 생각하시나요?
조금 뜬금없는 질문일지도 모르겠습니다만, 루키스님께서는 외국에서 전공을 배우기도 하셨고, 외국어에도 관심이 많으시기 때문에 질문 드려봅니다.'우리 마음 속에 있는 갓겜'을 만드는 것이 최종 목표라 한다면, 해외에 나가 뛰어난 게임 개발자들을 더 많이 만나보고, 함께 일해보면서 성장하는 과정도 꽤나 큰 도움이 될 수 있겠다는 생각이 듭니다.또 한편으로는 그래봤자 외국인들도 크게 다를 게 없을 수도 있고, 외국어 공부까지 병행해야 해서 부하만 가중된다는 생각이 들기도 하네요.결국 혼자 공부하고 성장해야 하는 프로그래머라지만, 그래도 해외에 나간다면 더욱 더 성장할 수 있는 메리트가 있을까요?
-
미해결게임 프로그래머 취업 전략 가이드
결국 서버, 클라 모두 할 줄알아야 할까요?
현직 서버개발자입니다.요즘 추세도 그렇고 업무하다보면 클라쪽도 알면 업무가 수월한 경우도 있는데요.서버개발자는 클라도 할줄 알면 좋다.클라개발자는 서버도 할줄 알면 좋다.에서 좋다 정도가 아니고 요즘은 필수 개념일까요? 경력이 짧아 문의드립니다.
-
미해결비전공자를 위한 개발자 취업 올인원 가이드 [통합편]
새 탭 혹시 어떤 익스텐션인가요 ?
학습과는 무관한건데 개인적으로 궁금해서요.. 2:34에 등장하는 확장 프로그램이 궁금해요 !
-
미해결[백엔드/예외처리 시나리오/집계 최적화] 백엔드 포트폴리오와 실무 이력 강화 전략. 올인원 PART1
질문 답변 부탁드립니다
카카오페이 말고 다른 pg사 이용해보려고 하는데페이코 같은 경우 어떤 식으로 해야 되는 지요
-
해결됨게임 프로그래머 취업 전략 가이드
정보통신공학과 쪽도 게임 업계에서 전공자로 취급해주시나요?
너무 궁금해서 질문드립니다!
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
강의듣다가 궁금해져서 문의 남깁니다. (빼꼼이 슬라이드 반응형)
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님강의듣다가 궁금해져서 문의남깁니다.빼꼼이 슬라이드를 반응형에도 적용하고 싶을땐.good-suggestion-items{ width:430px }말고어떤 값을 줘야될지 궁금합니다.
-
미해결
팀 프로젝트했는데 면접 관련 질문있습니다
제가 국비교육을 들었는데 한달 전쯤에 수료했습니다. 당연히 팀 프로젝트도 진행했는데, 이 팀 프로젝트에서 제가 맡은 파트의 비중, 중요도, 난이도 등등에 걱정되는 부분이 있어서 글작성하게 됐습니다. 이번 국비교육 팀프로젝트에서 역할분담을 하다보니 제가 맡은 부분들이 생각보다 큰 비중을 차지하지않아서(저희 팀은 api를 사용해서 웹소설, 웹툰, 도서 리뷰 플랫폼을 통합적으로 제공하는 웹페이지를 제작했습니다. 그런데도 저는 api를 사용하는 기술도 없고, 감정분석이나 스프링 시큐리티를 사용한 기술도 없습니다.) 제가 구현한 기능들은 공지사항 관련 CRUD나 공지사항 목록의 검색, 정렬 및 페이지네이션 구현과 페이지 간의 이동 정도로 요약할 수 있어, 포트폴리오나 이력서에 제출할 때 조금 부실하지않을까 염려되어 질문드리게 됐습니다.면접때, 이런 프로젝트 내용들로 질문이 들어오고 답변도 해야할텐데, 이럴땐 어떻게 하는게 좋을까요?정말 현실적으로 댓글 달아주시면 감사하겠습니다.
-
해결됨[백엔드/예외처리 시나리오/집계 최적화] 백엔드 포트폴리오와 실무 이력 강화 전략. 올인원 PART1
해상도가 720p 까지 가능해서 화면이 흐리네요.
강사님 1080p 화질이 안될까요? 720p라 화면에서 글자가 흐릿하게 보입니다..
-
미해결[백엔드/예외처리 시나리오/집계 최적화] 백엔드 포트폴리오와 실무 이력 강화 전략. 올인원 PART1
pg 파라미터가 이제는 없어진다고 하는데 업데이트 해주시나요?
pg 파라미터가 이제는 없어진다고 하는데 업데이트 해주시나요?
-
해결됨개발자 이력서 작성 & 면접대비 완벽가이드
템플릿 압축해제 실패
안녕하세요.좋은 강의 잘 듣고 있습니다 :)섹션 3에서 첨부해주신 강의자료 템플릿 다운로드하여 압축 해제 시도 시,'압축 풀기를 완료할 수 없습니다. 압축(ZIP) 폴더가 올바르지 않습니다.' 라고 오류가 뜨고 압축 폴더 내부 접근 시 비어있다고 뜨는데 확인 부탁드립니다.감사합니다.
-
미해결[백엔드/예외처리 시나리오/집계 최적화] 백엔드 포트폴리오와 실무 이력 강화 전략. 올인원 PART1
paymentProcess() 결제내역 남기기
제가 알기로는 request_pay() 매개변수로 포트원 대시보드에서 확인가능한 storeId 와 channelkey을 추가해서 요청해야, 결제내역에 남는걸로 알고있습니다. 결제기록 안남으시면 참고하세용
-
미해결비전공자를 위한 개발자 취업 올인원 가이드 [통합편]
안녕하세요 질문이 있습니다.
안녕하세요 어제 강의를 결제해서 오늘 보고 있습니다. 처음부터 보다가 1:1 멘토링에 대해 나오는데 만약 멘토링을 신청하려면 어디서 어떻게 신청을 하면 되나요?
-
해결됨서류합격률 4%를 탈출하는 개발자 이력서 작성법(실습 포함)
맨 마지막 면접 단골 질문에 대해서 궁금한게 있습니다
SQS, RabbitMQ, Kafka 등 여러개가 있는데 왜 SQS를 썼냐고 물어봤을 때 팀원들이 SQS에 대해서 이해도가 있어서 선택했다고 말하면 자기 주관이 빠진것처럼 들릴 수가 있는데 괜찮은 건가요?면접관이 뭘 듣고 싶어하는지는 모르겠지만 RabbitMQ와 KAfka는 써보지는 않았지만 각각에 대해서 비교하는 자료라도 찾아서 말해야되지 않나 싶어서 물어봅니다.예전 면접에서 redis를 왜 썼냐고 물어봤을 때 팀원들이 redis에 대해서 잘 알고 있고 이미 사용중이어서 사용했다고 말했는데 이게 옳은 대답인지 잘 모르겠습니다
-
미해결게임 프로그래머 취업 전략 가이드
언리얼엔진 포트폴리오에 관해 여쭤보고 싶어요
안녕하세요 루키스님저는 취업을 언리얼엔진 회사로 하고싶어서 언리얼엔진을 공부하고 있습니다. 엔진을 공부하다가 보니 GAS라는게 좋다고 해서 익혀보고.. 어느정도 감을 잡고 보니 이번엔 Lyra 프로젝트가 있더라구요. 그래서 지금은 루키스님 강의인 Lyra 클론코딩을 듣고있습니다. 그런데 Lyra가 지식적으로는 큰 도움이 되는 반면 이 구조를 기반으로 내가 포트폴리오를 만들 수 있을까? 라는 의심과 현업에선 아직 Lyra구조를 많이들 사용을 안하지 않을까? 라고 타협하고 싶은 마음이 슬슬 들기 시작해서요..제가 여쭤보고 싶은건 아래와 같습니다.현업에선 GAS 와 Lyra 구조를 각각 어느정도 쓰는 추세인지포트폴리오를 만든다면 기본 언리얼엔진에 GAS,멀티플레이어만 얹어서 만들면 충분할지, 아니면 Lyra구조로 포트폴리오를 만들면 더 경쟁력이 있는지
-
미해결취업/이직에 성공할 수 밖에 없는 포트폴리오 전략 강의
디스코드 초대 오류
안녕하세요!디스코드 초대가 만료되었다고 뜹니다..!
