포폴

$$config title: 2023-10-11, 웹PO 수업페이지 keywords: - IT - 웹 PO $$ # 수업개요 - 수업페이지 : [https://slog.gg/p/13070](https://slog.gg/p/13070) - 강사이름 : 박상원 - 강사번호 : 010-7242-6181 - 강사이메일 : qoro33@naver.com # 가입해야 하는 사이트 - [www.google.com](https://www.google.com) - [github.com](https://github.com) - [https://codepen.io/accounts/signup/user/free](https://codepen.io/accounts/signup/user/free) - github.com 계정으로 가입 - [programmers.co.kr](https://programmers.co.kr) - github.com 계정으로 가입 - [https://www.typingclub.com/signup.html](https://www.typingclub.com/signup.html) - google 계정으로 가입 - [https://www.figma.com/](https://www.figma.com/) - google 계정으로 가입 - [https://slog.gg/member/join](https://slog.gg/member/join) # 규칙 - 평일은 3시간, 토요일은 1시간, 일요일은 쉬겠습니다. - 수업시간에 휴대폰 사용금지 - 카카오톡 PC 버전 삭제 # 관련링크 - [아바타 생성기, https://getavataaars.com/](https://getavataaars.com/) - [주소줄이는 서비스, to2.kr](https://to2.kr/) # 포트폴리오 참고 자료 - [지디웹](https://www.gdweb.co.kr/main/) - [디비컷](https://www.dbcut.com/) - [노트폴리오](https://notefolio.net/) - [RWDB, FREE 소스](http://rwdb.kr/category/freesource/) # 수강생 참고 자료 - [유용한 HTML, CSS, JS 애니메이션 모음](http://rwdb.kr/interestedeffects/) - [fullpage.js 사용법](https://codepen.io/sangwon7242/pen/oNajyLv?editors=1010) - [fullpage 라이브러리](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs) - [스크롤트리거 예시자료](https://codepen.io/sangwon7242/pen/yLRbpVo?editors=0010) - [웹 접근성 & 웹 표준성](https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-%EC%9B%B9-%ED%91%9C%EC%A4%80%EC%9D%98-%EC%9D%B4%ED%95%B4#1._doctype_%EC%84%A0%EC%96%B8) - [웹사이트 컨셉 설명](https://m.blog.naver.com/star2rangdal/220820674446) - [와이어프레임 예시](https://seheeei.tistory.com/48) - [피그마로 시작하는 와이어프레임](https://codemate.kr/project/UIUX-%EB%A9%94%EC%9D%B4%ED%8A%B8-%ED%94%BC%EA%B7%B8%EB%A7%88%ED%8E%B8/1-1.-UIUX%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C) - [스와이퍼 + 탭메뉴 이용한 디자인](https://codepen.io/sangwon7242/pen/JjBVJvq?editors=1010) - [스크롤 트리거 기초 사용방법](https://www.slog.gg/p/11412) # 수강생 포트폴리오 졸업작품(배포금지, 참고만) - [https://slog.gg/p/1618](https://slog.gg/p/1618) # 위캔 사용법 강좌 - [https://slog.gg/p/1231](https://slog.gg/p/1231) # 마크다운 문법 사용방법 - [마크다운 문법 사용방법](https://gist.github.com/ihoneymon/652be052a0727ad59601) # 유용한 확장프로그램 - [이미지 호스팅(로컬 이미지를 URL로 변환)](https://ifh.cc/) - [이미지 누끼따는 사이트](https://www.remove.bg/ko) - [파일 변환기](https://convertio.co/kr/) - [웹에서 svg 파일 다운로드](https://chrome.google.com/webstore/detail/free-svg-for-google-chrom/obfccpgnjljiegelgbadmebfhigopibo?hl=ko) # 스와이퍼 사용방법 - [스와이퍼 기초 강의](https://slog.gg/p/11878) - [탭 메뉴 사용방법](https://slog.gg/p/12975) - 74 ~ 77강 영상 꼭 보세요!! - 스와이퍼 탭 메뉴 조합은 스와이퍼 기초강의 20강 보면 나와있습니다. # 학생 포트폴리오 - [김은빈 학생](https://slog.gg/p/12897) - [김다희 학생](https://slog.gg/p/12898) - [이마로 학생](https://slog.gg/p/13075) - [이윤미 학생](https://slog.gg/p/13074) - [오석택 학생](https://slog.gg/p/13071) - [정수민 학생](https://slog.gg/p/13073) - [배수연 학생](https://slog.gg/p/12894) - [최주영 학생](https://slog.gg/p/13072) # 학생 피드백 - [스타벅스 모바일 메뉴 close 버튼 안나오던 문제 해결](https://codepen.io/sangwon7242/pen/abPrjyv?editors=1100) - [반응형을 이용해서 스와이퍼 작업하기](https://codepen.io/sangwon7242/pen/bGzgbxN?editors=1010) - [스크롤 트리거를 이용한 이미지 이동 애니메이션 구현](https://codepen.io/sangwon7242/pen/GRzmEVg) # 강의영상 - [2023.11.23 영상 - 회사나 학원에서 깃허브에 올린 프로젝트를 로컬(내 컴퓨터)에 가져오는 방법 설명](https://youtu.be/eh0ZV-rtjFA) - [GIT](https://git-scm.com/) ``` # 명령어 git clone '리포지터리 주소' 폴더 명 ex) git clone https://github.com/SangWon7242/kabang_2023_09_08(리포지터리 주소) kabang_project(폴더 명) ``` - [2023.11.27 영상 - html에 공통 header와 공통 footer를 적용하는 방법](https://youtu.be/IXbjRa0l-aI) ```html 포폴 서브페이지 ``` ```javascript $(function() { $("#header").load("header.html"); $("#footer").load("footer.html"); }) ``` # GIT 사용 방법 - [2023.11.29 영상 - GIT 설치](https://youtu.be/Dd7utqMo_Qo) - [2023.11.29 영상 - 프로젝트에 git 연결 후 원격저장소에 프로젝트 올려서 관리하기](https://youtu.be/_T45TJxMZyI) ``` 1. git 설치 2. github 회원가입 3. github 리포지터리 생성 4. 개인 프로젝트 -> 마우스 우클릭 -> git bash 오픈 명령어 git init (해당 프로젝트에 로컬 저장소 생성) git remote add origin "리포지터리 주소" (로컬 저장소와 원격 저장소를 연결) git config --global user.name "깃허브아이디" (계정 연결) git config --global user.email "깃허브이메일" git add . (로컬 저장소에 프로젝트 추가) git commit -m "내용" (작업한 내역을 커밋 메세지로 기록) git push origin master (로컬 저장소에 저장 된 내역을 원격저장소에 업로드) ``` - [2023.11.29 영상 - git clone해서 내려받은 프로젝트 관리하는 방법 설명](https://youtu.be/2OilYdulCN4) ``` git clone '리포지터리 주소' 폴더 명 ex) git clone https://github.com/SangWon7242/kabang_2023_09_08(리포지터리 주소) kabang_project(폴더 명) ``` ### 내려받은 후 다시 리포지터리에 올려서 관리하는 법 ``` git config user.name "깃허브아이디" (계정 연결) git config user.email "깃허브이메일" git add . git commit -m "내용" git push origin master ``` - [2023.11.29 영상 - git checkout 을 통한 해당 커밋으로 이동하는 방법](https://youtu.be/mRN6MtIPunY) ``` git log (커밋된 내역 확인) git checkout 해당 커밋 내역(4569782c376dc6691e9f8df2dbed6cbd6af8dbe7) git checkout - (최신 커밋상태로 이동) ``` # 도메인 구매해서 깃허브 페이지스와 연결 - [2023.11.29 영상 - 도메인 DNSZI 가입](https://youtu.be/j2xKitkkO-cs) - [https://dnszi.com/](https://dnszi.com/) - [2023.11.29 영상 - 도메인, 가비아 가입 후 도메인 구매](https://youtu.be/pEhR5S_NUoM) - [2023.11.29 영상 - 도메인, 가비아의 도메인을 dnszi에서 관리하도록 DNS 서버 변경](https://youtu.be/1CA2BD8Ld_Y) - 개념 - 가비아의 도메인을 dnszi에서 관리하도록 DNS 서버 변경 - 가비아 로그인 - https://my.gabia.com/service#/?carve_code=domain 접속 - [2023.11.29 영상 - 도메인, DNSZI CNAME 설정을 통해서 깃허브페이지에 커스텀 도메인 적용](https://youtu.be/DsKCKafOch0) - [2023.11.29 영상 - 도메인, DNSZI CNAME 설정을 통해서 깃허브페이지에 커스텀 도메인 적용 안되는 문제 해결](https://youtu.be/zejMyFqqJtE) # 취업 관련 내용 ### 자주등장하는 면접 질문 ``` 1. 회사의 지원한 동기 2. 이 직무가 본인의 적성과 잘 맞습니까? 3. 웹 퍼블리셔가 하는 일은 무엇이라고 생각하나요? 4. 회사에서 어떤 프로젝트로 일을 하고 싶냐? 5. 웹 표준성과 웹 접근성의 차이에 대해서 뭐라고 생각하냐? 6. 독타입을 선언하는 이유는? - 웹 문서의 호환성 - 웹 표준을 준수 - 웹 브라우저의 렌더링 모드 결정 7. 웹 접근성의 항목은 무엇이 있나요? 8. git 사용 경험이 있나요? 9. 가상요소는 어떨 때 사용하는가? 10. sass 를 사용해본 경험이 있는가? 11. 사용해본 에디터가 있는가? 12. 연봉을 얼마 받기를 원합니까? ``` ### 웹 접근성 지침 - [웹 접근성 지침](http://www.websoul.co.kr/accessibility/WA_guide21.asp)

게시글 상세