섹션3에서 simplyscroll Plugin을 사용해서 사진들이 사선을 흘러가는 갤러리 부분에서 질문드립니다.수업자료로 받은 플러그인도 연결하고 소스도 그래도 넣었지만 요소검사를 했을때 아래 클래스가 붙어있어야 하는데 전혀 붙지가 않아서요,갭처한 코드 이미지를 보고 그대로 몇번을 다시 해봤지만 되질않아서요그 부분까지만 완성한 파일을 받아볼수 있을지요?kwanggony@naver.com.simply-scroll .simply-scroll-clip{}

1. 두개 다 404가 뜹니다..이제 아예 없어진 건가요..고객사를 위한 견적서 다운로드 페이지https://fingr.io/estimates 개발자를 위한 견적서 만들기 기능https://fingr.io/quotations2. 원래 nuxt.js를 하려다가 강의 서두에 svelte kit을 하라고 하시는 것 보고 확인해봤는데, 아직도 jquery, ajax로 개발하던 저에게는 아주 효율적인 것 같아요. 그런데 강의를 올리신 시점이 작년 4월이시던데..혹시 svelte kit에 대한 생각이 아직도 변함 없으신가요?뭔가 유튜브라던지 자료가 별로 없어서요.반짝 하고 사라지려나 싶은 걱정도 있어서 그렇습니다.빠르게 1인개발하기에는 너무 좋은 도구 인것 같긴한데, 어떤 프론트엔드 프레임워크를 골라야 할지 고민이라서요

안녕하세요 선생님. 강의 정말 잘 듣고 있습니다. 다름이 아니라, 가로 스크롤 반응형 제작중갤러리 형태를 세로 방향으로 바꾸는 과정에서 scrollTrigger 를 없애기 위해서 li 를 padding: 0; 으로 바꿔주면 된다고 하셨는데, 저는 적용이 되지 않아 반응형에서도 갤러리들이 가로방향으로 스크롤이 되는 문제가 생깁니다.. 도저히 이유를 모르겠어서 질문 올립니다감사합니다..work { position: relative; height: 100vh; border: 2px solid tomato; } .work ul { display: flex; padding: 3% 30%; box-sizing: border-box; } .work ul li { width: 600px; padding: 100px; box-sizing: border-box; flex-shrink: 0 !important; } @media screen and (max-width: 1024px) { .work { height: auto; } .work ul { padding: 0% 5%; justify-content: space-between; flex-wrap: wrap; } .work ul li { padding: 0; width: 45%; margin-top: 150px; } }

안녕하세요 선생님. 여러번 똑같이 따라 쳐보았으나..markers: true 여도 페이지에 scrollTrigger 표시가 되지 않고, 가로 스크롤이 동작하지 않습니다. console 창에 다른 오류 사항은 뜨지 않습니다. 무엇이 문제인지 전혀 모르겠어서 질문 남깁니다..$(function () { // GSAP Plugin gsap.registerPlugin(ScrollTrigger); ScrollTrigger.matchMedia({ "(min-width: 1024px)": function () { // horizontal scroll let list = gsap.utils.toArray(".work ul li"); let scrollTween = gsap.to(list, { xPercent: -100 * (list.length - 1), ease: "none", scrollTrigger: { trigger: ".work", pin: true, scrub: 1, start: "center center", end: "300%", markers: true, }, }); }, }); });

안녕하세요$(function(){ gsap.registerPlugin(ScrollTrigger); ScrollTrigger.matchMedia({ '(min-width: 1024px)': function(){ let list = gsap.utils.toArray('.work ul li'); let scrollTween = gsap.to(list, { xPercent: -100 * (list.length - 1), ease: 'none', ScrollTrigger: { trigger: '.work', pin: true, scrub:1, start: 'center center', end: '300%', markers: true, } }); } }) });현재 여기까지 작성을 하였는데 창 새로고침과 동시에 갤러리 가장 끝쪽으로 넘어가버립니다.콘솔에서는 이렇게 뜨구요,,,markers도 안 보이는 걸 보니 플러그인이 작동되지 않는 것 같은데코드를 전부 똑같이 치고 몇 번을 다시 봤는데도 전혀 안 되네요...파일 첨부를 어떻게 하는지 몰라서 제 코드 파일 다운로드 링크를 함께 올립니다.한번 확인 가능할까요?ㅜㅜhttps://bigfile.mail.naver.com/download?fid=JYbZa6JnM6mraAUjKCY9KqvdHqUmKoEmFAU/KxvqKxg/HquXFA2dFAtqaxvjF6UlazKZaztlF4U/FrpSMoUdaAMqaxI0KrtlKA+oFAb=

안녕하세요 강의 너무 잘 보고 있습니다. 현재 이력서를 작성을 하면서 궁금한점이 제가 프론트엔드 개발자로 준비를 하고 있지만 나이가 30대 중후반이라 이 부분이 많이 걸리더라구요. 만약 이력서를 작성후 지원을 한다면 인사담당자가 나이만 보고 이력서를 바로 거르는지 궁금하고 만약 아니라면 저보다 나이가 어린분들과 경쟁을 하려면 이력서를 어떻게 좀 더 경쟁력있게 작성을 하면 좋을지 궁금합니다.

강사님 안녕하세요.gsap강의 소개에 있는 에이전시 합격 포트폴리오는 수강생들 각자 제작한걸까요?아니면 이번 수업중에 있는 내용일까요?너무 잘 만드셔서 참고해서 만들어보고 싶은데 정보를 얻을 수 없을까요.. 문의드립니다.

 사진처럼 터치를 하고 드래그를 하면 카메라가 돌아가는것이 아니라 웹 화면 자체가 끌려 가는데..html, canvas, body 에 touch-action 옵션을 none으로도 줘보고touch 이벤트들에 preventDefault도 줘보고 했지만 해결이 되질 않습니다.. 터치 드래그를 하면 moveMentX와 moveMentY의 값은 잘 출력되는데 카메라가 회전을 하지 않습니다.데스크탑에서 mousemove는 제대로 카메라가 돌아가는데, 모바일버전에서 touchmove는 카메라가 돌아가질 않네요.

안녕하세요 이력서 작성 잘 보고 있습니다.제가 예전에 인프런 멘토 3명하고 상담해봤는데 멘토들은 토이프로젝트나 개인 공부보다는 회사에서 한 프로젝트가 더 중요하다고 해서 제일 먼저 위에 배치해라고 했는데, 제가 개인적으로 공부한 내용이 회사에서 필요한 내용이고 그러면 강의에서 배운대로면 회사프로젝트 이런거 따지지 말고 그냥 우선순위대로 작성하는게 낫나요?그리고 어떤 회사 다녔고 거기서 뭘했고 쓰는거는 할 필요가 없죠? 강의에도 전혀 없고 그러네요단순히 프로젝트해서 뭘 깊이 있게 했는지만 쓰면 되나요?

신검4급이 나와서 산업기능요원 보충역(병특)자리를 노리고 있습니다첫 회사는 최대한 좋은 회사로 가는게 좋다고 하셨는데혹시나 별로 안 좋은 회사에 병특을 위해서 다닌다고 해도 커리어에 많이 안 좋을까요?

안녕하세요. 강의 잘 듣고 있습니다강의 중간에 로고 이미지를 교체하시는데 Header 교안에 첨부된 이미지가 없습니다어디서 확인할 수 있을까요?

안녕하세요, 강사님. 이력서 작성 강의 잘 들었고, 현재 말씀해주신 내용을 바탕으로 이력서를 준비하며 취업을 준비 중입니다.이력서를 제출할 때 어떤 방식이 더 효과적일지 고민이 되어 질문드립니다.노션에 깊게 고민하고 열심히 구현한 내용(+ 기술을 선택한 이유 등)을 작성한 후 트러블슈팅, 구현 상세 설명 등을 서브 페이지로 구성해 한 페이지 내에서 여러 페이지를 들어가 추가로 자세히 볼 수 있는 링크로 전달하는 방식과,구현 중 고민한 내용(+ 기술을 선택한 이유 등)과 구현 과정을 한 페이지에 정리해 PDF 파일로 제출하는 방식 중강사님께서 보시기에 어떤 방식을 더 선호하시고, 인사 담당자 입장에서 더 긍정적으로 보일 수 있을지 궁금합니다.

강의에서 지속적으로 말씀해주시는 카카오 채널톡은 어떻게 입장하는 지 알려주시면 감사하겠습니다!!

포트폴리오는 웹으로 인터랙티브하게 만드는게 좋을가요? 아니면 간단하게 pdf로 만드는게 더 좋은건가요?예전 프론트 준비를 하다 백엔드로 전향하는 중이라 어떤 방식으로 만들어야 더 어필이 되는지 모르겠습니다 ㅠ

강의를 듣기 전에는 보통기업 내 양식에 맞춰진 이력서를 작성하거나 잡코리아로 지원을 했습니다.이런 경우에는 따로 만든 이력서가 필요없는 거 아닌가요? 이런 경우에도 보통 pdf로 만든 이력서를 제출하는건가요? 아니면 포트폴리오가 필요한건가요?? 

브랜딩에 대해서

현재 4학년이 되고 인서울 대학교 재학중인 전공자입니다. 알고리즘은 2학년때부터 꾸준히 풀어오고 있고웹과 게임을 같이 준비하려고 하고 있습니다. 이전에 캡스톤으로 만든 게임을 더 발전시켜서 완성후이곳저곳 공모전에 제출해본뒤에개인적으로 활용하고 싶은 ai 논문이 있어 그걸 기반으로 유니티 게임으로 작성한 후에게임엔진이나 그래픽스 에 대해서 공부하려고합니다. 현재 nlp 학부연구생을 하고있는데 도움이 된다면 그래픽스 학부연구생을 약 1년간 하려고 합니다. 질문사항을 정리해보자면웹과 게임을 같이 준비해도 괜찮을지현재 하려는 로드맵이 괜찮은지그래픽스 학부연구생이 의미가 있는지어쨋든 이것저것 하더라도 강의를 꾸준히 듣는게 좋은지 입니다.

브랜딩은 배워도 배워도 막상 제 브랜드를 만들때는 너무 어려운것 같아요 ㅠㅠ

안녕하세요. 강의 아주 잘 듣고 있습니다. 감사합니다. 한 회사에서 수행한 업무들 중 어필할만한 사항이 아니면 과감히 삭제하는 방법이 좋다라고 이해를 했는데요.궁금한 점은 한 회사에서 텀을 두지 않고 많이 빠르게 개발한 사항들도 어필이 되지 않을까? 하는 생각이 있습니다.30초의 법칙에 의하면 걸러질 내용이라 저도 기존대로 일일이 적어두진 않아야겠다는 생각은 하게 됐는데, 가장 하단에 이런 자잘한 api 개발들을 모아서 명시하는 것은 어떻게 생각하시는지 궁금해요"나 api 빠르게 많이 개발해왔어. 볼 사람들은 보구 안보려면 위에 핵심 내용만 봐" 정도의 의미로요!ex)1. 게시판 api 기능 개발 (20.01.01 ~ 20.01.03)2. ... api 개발 (20.01.03 ~ )3. ... api 개발 (... ~ ..)이런식으로 모아두는 방식은 어떻게 생각하시나요~?

마지막 부분에 getBatchSize()를 1000정도 권장해주셨는데요.jdbcTemplate.batchUpdate()는 내부적으로 배치사이즈만큼 for문을 통해 반복하는것 같습니다. 즉 실제 처리해야할 대상 데이터가 1000개가 넘는다면 1000번째 이후 데이터부터는 INSERT가 안될거고요.만약 1000개 미만이라면 예를 들어 500개밖에 없다면 501번째 반복때 java.lang.ArrayIndexOutOfBoundsException발생할것 같습니다.만약 chunk가 최대 1000개정도가 적당하다라는 말씀이신거면 모르겠지만 1000으로 하드코딩해서 쓴다 라고 하신것처럼 와닿아서.. 오해의 소지가 있는것 같아 남깁니다~ private void bulkProcessSettlements(Map<Long, BigDecimal> settlementMap, LocalDate paymentDate) { String sql = "INSERT INTO settlements (partner_id, total_amount, payment_date) VALUES (?, ?, ?)"; jdbcTemplate.batchUpdate(sql, new BatchPreparedStatementSetter() { @Override public void setValues(PreparedStatement ps, int i) throws SQLException { // } @Override public int getBatchSize() { return 1000; } }); }