하드코딩으로 이미지맵(image map) 만들기 코딩웍스 유튜트 채널에 있는 [이미지맵(image map) 만들기 ]에 상세히 강좌가 있습니다. 실무에서 꼭! 사용하게 되니까 한번쯤 만들어보세요. 하드코딩으로 이미지맵(image map) 만들기 강좌보기 https://youtu.be/21WRDP06O4s ※ 연습파일 다운로드는 유튜브 영상의 [더보기]를 누르시면 다운로드 링크가 있습니다. ==================================== 이렇게 되어 있는데 유튜브 링크 내에 다운로드 링크가 없고, 인프런 강의 18섹션 다운로드 부분에도 이미지맵 관련 파일은 안보이네요 연습파일을 얻을 수 있을까요?
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
부트캠프로 java 백엔드를 공부하고있는 취준생입니다. 웹사이트 전반을 개발하는 과정을 경험하고싶어 해당 강의를 수강하고있습니다. 해당 강의를 수강하고 추가적인 활용방법을 추천해주시면 감사하겠습니다. 현재는 강의를 클론 코딩하며 개발 과정을 학습중입니다. 이후 node.js로 되어있는 서버를 spring으로 대체하며 부트캠프에서 배운 개념을 해당 프로젝트에 녹여내는 식으로 뜯어고쳐보며 학습하려합니다. 추가적으로 해당 강의에서 만든 프로젝트를 가지고 이런식으로 학습해봐라하는 조언을 듣고싶습니다.
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot 교수님 코드르 따라가면서 공부하고 있습니다. Lifecycle method의 호출 확인을 위해 console 창에 들어갔는데 제일 위에 저 경고가 떠있는데 왜 그런건가요??
Uncaught TypeError: Cannot read properties of undefined (reading 'scrollHeight') at scrollLoop (main.js:367:65) at main.js:388:9 이런 오류 떠서 제 자바 스크립트 코드도 여기 올려볼께요....
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
안녕하세요 강의를 듣고 있는 학생입니다. 다름이 아니라 워크밴치 접속 문제 때문에 질문 드립니다. 워크밴치를 접속하려하면 위와 같은 문제가 계속 발생하고 있습니다. mysql 8.x 버전부터는 bind-address를 주석처리 할필요가 없다하여 그 부분은 넘어간상태로 계속진행하엿습니다. https://1mini2.tistory.com/87 이 링크를 보고 따라 해보고 있는데 mysql -h 3.36.28.138 -u root -p 이명령어를 쳣을때 위와같이 출력이 되지 않고 있습니다.
jump up 이론 파트 em단위와 rem 단위 이해하기 부분 강의를 듣는 중입니다. em 단위가 부모요소에 대해 상대적으로 지정하는 단위이고 line-height에 주로 쓰인다고 하셨는데 그렇다면 주로 p의 폰트사이즈는 주로 p를 감싸고 있는 부모요소에 지정하고 줄간격은 p 그 자체에 지정하는 것인가요?
안녕하세요. 수업 잘 듣고 있습니다. 다름이 아니라 수업 실습때는 내부에 node_modules에 파일이 있으니까 잘 작동 되는데 Github gh-pages이나 url로 deploy 한다고 하면 node_modules/three 폴더가 없으니 실행이 불가능하네요. 강제로 node_modules폴더를 포함하기에는 파일수가 너무 많구요ㅠ 혹시 따로 build 하는 방법이 있나요? 일부 몇몇 필요파일만 따로 올려서도 시도해봤는데, 로컬에서는 에러 안나도 업로드 후엔 GLTFLoader가 에러나네요. (파일 및 로더 경로는 맞아도 404에러)
학습 질문은 아니지만 선생님께서 주변에 F유형 시험 보신 분이 없어서 정보가 정확하지 않다는 것이 기억이 나서 오지랖 같아 보이지만 다른 수험생 분들과 선생님께 도움이 좀 되고자 시험 끝나고 달려와 게시글을 작성합니다! 이번 주 내내 이상하게 F유형이 마음에 걸렸었는데 오늘 딱 시험 보는 걸 직감했었나봅니다ㅠㅠ 강의대로 .slide 안에 slide-image 와 slide-banner 로 묶어서 공부를 했는데, 시험지에서는 저희가 slide-banner 라고 칭한 부분을 지시 사항에서는 <바로 가기> 라 했고, content-inner 안에 있는 shortcut 부분을 시험지에서는 <배너> 라고 지시하고 있었습니다. 그저 코드 묶는 이름만 달랐지만 F유형 준비하시는 분들은 덜 헷갈리셨으면 하는 맘에 코드 명을 바꿔서 공부하는 게 어떨까 하는 생각이 들었어요! 저도 중간에 '바로 가기' 지시 사항 읽으면서 평소처럼 slide-banner 로 작성하다가 헷갈려서 그냥 지시 사항 요구한 이름으로 코드 이름도 통일을 시켰어요! 핑크색 박스 부분을 색칠한 부분에 대해서 말씀드릴 게 있는데요~ 기억하실지 모르겠지만..ㅠㅠ 제가 24.03.27에 F유형 slide-banner link 부분에 글자 입력하는 지시 사항이 있을 까봐 질문을 올린 적이 있습니다..! 불행하게도ㅠㅠ 제 예상처럼 시험 지시 사항에 각 엥커 마다 텍스트를 넣으라는 부분이 있었습니다. 제공되는 텍스트 메모장에 삽입 하라는 텍스트가 있더라고요ㅠㅠ 그리고 총 들어가는 이미지는 레이아웃과 동일하게 5개였습니다. 다만, 텍스트를 이미지 어디에 넣으라는 특정 지시는 없어서, 그래서 저는 span 으로 텍스트를 입력해서 갤러리 이미지에 span을 넣은 것과 똑같이 display:block 처리를 해서 위아래로 넣고 배열하는 방식으로 만들었습니다. 일러스트나 포토샵으로 이미지를 만드는 것이 아니라, 제공 된 이미지를 삽입 했어야 됐습니다..! 배치를 하고 나니까 슬라이드 이미지 위에 뜬금없는 사진들을 붙여 놓은 것 같아서, 저는 백그라운드 컬러를 주고 투명도 조절을 해서 슬라이드 이미지와 별개 부분인 아이콘처럼 보이게 만들었습니다. 그리고 공지사항 부분이요! 오른쪽에 선생님께서 ???ㅠㅠ 라고 하늘색으로 쓰신 부분 정말 공백이었어요!! 다만, 공지사항 부분에 엥? 하고 놀랬던 부분은, tab-inner 너비가 넓지 않을 수 있으니 공지 사항 부분에 em / b 태그를 이용해서 배치와 말 줄임을 공부하고 갔는데, 날짜 입력이 없었습니다! 그래서 편히 앵커만 넣고 블록 처리해서 중앙 배치해서 꾸몄습니다. 제가 실수한 부분은 푸터 메뉴에 보더 버텀을 안준 것과 메뉴 서브 백 width 크기를 해더 크기로 줬다는 것 두 가지인데, (A유형 sub-back처럼 만들어버렸어요ㅠ) 다른 건 다 작동 잘 되고 스스로도 아 이 정도면 됐다하는 맘으로 잘 풀고 왔습니다!! ㅠㅠ 이러다 저 두 가지 문제로 떨어지면 너무 너무 창피하고 부끄러울 것 같습니다만..ㅠㅠㅠㅠ 그래도 스스로 많은 구조를 파악하고 만들 수 있다는 게 너무 뿌듯합니다. 그리고 F유형이 아무래도 본 적 없는 유형이라 그런지.. 오늘 제가 간 시험 장에 12명이 시험 봤는데 6명이 중도 포기하고 나가셨어요.. 저는 모든 확인을 끝내고 제출하는 데까지 2시간 20분 정도 걸렸는데, 그 시간까지 저 포함 제출한 사람들은 3명이었고, 제가 교실 나올 때까지 3명이 남아있었습니다. 4월 9일에 합격발표일인데 제발 붙었으면 좋겠습니다ㅠㅠ 선생님 대면 수업이 아닌 온라인 수업이었지만 정말 많은 걸 배웠습니다ㅠㅠ 감사합니다ㅠㅠ!
featherlight 하다가 다 깨져있어서 featherlight 문제인가 했는데 html파일 자체가 scss로 작업한 게 적용이 안되어있더라구요... 라이브서버로 보면 잘 되어있어서 미처 몰랐는데 index.html 더블클릭하니 스타일이 하나도 안되어있습니다ㅠㅠ 뭐가 문제일까요...?? **SCSS로 디자인한 걸 featherlight로 어떻게 해야하는 지 알려주세요...!
