본문 바로가기

웹퍼블리셔수업

 (7)
공부중(작성중).. html 만들고 css 연결시 link 입력후 tab 누르면 rel 바로 연결 ctrllink 입력후 tab 누르면 rel 바로 연결 ctrl 이랑 + -로 폰트 크기 조절가능 (보는화면) alt+ 방향키로 해당 줄을 아래위로로 바꿀수있다. alt 오른쪽왼쪽은 실행하고있는 페이지이동 margin 0: auto;= html 만들고 css 연결시 link 입력후 tab 누르면 rel 바로 연결 ctrllink 입력후 tab 누르면 rel 바로 연결 ctrl 이랑 + -로 폰트 크기 조절가능 (보는화면) alt+ 방향키로 해당 줄을 아래위로로 바꿀수있다. ctrl+page up 오른쪽왼쪽은 실행하고있는 페이지이동
비주얼스튜디오코드 유용한 익스텐션 정리 ===유용한 익스텐션 추천(플러그인)=== 1,2번은 취향에 따라 그닥 추천까지는.. 10번은 당연히 깔아야 하는 라이브 익스텐션 3,4,5,6은 강추 7번은 아직 잘몰라서 설명패스 8,9번은 가독성을 위한 익스텐션이라고봐진다. 티스토리 반응형오류로 애니메이션gif의경우 클릭해야 보일경우가있음 (고객센터 반년째 같은답변 ...) 1.material theme (테마변경)- 별로비추천 2.material Icon theme_ 뭐 나름... 변경후 3. Auto Rename Tag 강추 오픈태그/클로즈태그를 같게해준다. 설치후에 활성(enabled) 해준다. 완전 좋다! 상세 4. html to CSS atocomlpetion 강추 html에 입력한 class를 css에서 가져올때 자동 완성을 지원해준다. ..
1/7(목)웹퍼블리셔수업 8회차 교재 120쪽 ~= 여러의 문장중 한단어만 인식해도 적용된다 특정 속성의 속성값에 특정 문자열로 이루어진 하나의 단어를 포함하는 요소를 모두 선택합니다 =값이 일치 해야만 ㅣ= 특수문자 _등 영어로만 거의 쓴다. ~= 단어가 일치할 경우 영어 한글 일어 마을 학교 1 2 3 http://romeonews.woobi.co.kr/green/wp/word3.html 문서객체모델 참고 https://poiemaweb.com/js-dom DOM | PoiemaWeb 브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(문서 객체 모델. Document Object Model)을 생성한다. 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하기 위해서는 웹 문서를 브라우저 poiemaweb...
1/5(화)웹퍼블리셔수업 7회차 http://anchor.woobi.co.kr/green/WP/exe/htmlexe.html http://anchor.woobi.co.kr/green/WP/exe/htmlexe.html 프런트엔드 개발자 지원서 HTML, CSS, Javascript에 대한 기술적 이해와 경험이 있는 분을 찾습니다. anchor.woobi.co.kr 만들기 tabindex 사용자 편의를 위해 탭 순서를 정해준다. 시멘틱태그 시멘틱 : 의미 있는 - div(block)태그와 같다. - 제작자, 로봇(검색엔진)이 사용 - 종류 : header, article, aside, detailes, figcaption, footer, main, mark, nav, section, summary, time iframe : html페이지..
12/29(화)웹퍼블리셔수업 6회차 비디오태그 이미지와 같이 똑같이 업로드한다. http://romeonews.woobi.co.kr/green/wp/video/Wildlife.mp4 업로드 확인한다. 교재 72페이지 비디오플러그인 https://videojs.com/ Video.js - Make your player yours Make your player yours with the internet's most popular open source video player framework videojs.com 해당 사이트에서 절대경로css 링크와 스크립트를 복사해준다 ★절대경로css ★스크립트 소스정리 폼태그 action =입력데이터의 전달위치를 지정한다. method = 입력데이터의 전달 방식을 선택한다. GET , POST 구분 GET ..
12/24(목)웹퍼블리셔수업 5회차 소스코드 주소(경로) : 파일이 위치한 장소 상대 주소 형식 의미 예 / 해당 파일이 있는 루트 폴더(최상위 폴더) 루트 ./(안쓴거나 같다) 해당 파일이 있는 폴더 해당 폴더 || 같은 폴더안의 dl파일 ../ 해당 파일이 있는 상위 폴더 해당 파일의 상위 폴더 절대 주소 http://... / ftp://... 전체 주소 네이버 || 그린컴퓨터 참고자료 상대경로 기준 : 웹페이지의 소속폴더가 기준점이 된다. . : 현재 웹페이지가 소속된 폴더 .. : 현재 웹페이지의 부모폴더 절대경로 기준 : 동일한 위치를 기준으로 상대를 찾는 표현 상대 경로 같은 폴더의 다른 페이지 이동하기 같은 폴더의 다른 페이지 이동하기 자식 폴더의 다른 페이지 이동하기 자식 폴더의 다른 페이지 이동하기 자식 폴더의 다른 페이..
12/22(화)웹퍼블리셔수업 4회차 단축키 Ctrl+/ = 주석 복습!!!!!!! ol의 속성은 5개중 선택 가능하다.(type 1,A,a,I,i) reverse 말그대로 역순으로 뿌려준다. 시작점이 3이면 3210-1-2로 표시 Ctrl+D 자주쓰는기능 복습!! 캐럿밑에 있는 단어를 선택 , 계속 누를때마다 같은 단어를 쓸수있다. ul , li 예시 소스코드 확인 ol 속성 - reversed - 역으로 뿌림 - start - 시작점 지정(숫자) - type - 종류(1, A, a, I, i) 메뉴1 서브1 서브1 서브2 서브3 서브2 서브3 메뉴2 서브1 서브2 서브3 메뉴3 서브1 서브2 서브3 메뉴4 메뉴5 메뉴6 리스트1 리스트2 리스트3 리스트4 리스트5 리스트6 a태그에서 _blank는 새창으로 열기 이미지의 경우는 a태그뒤에..

티스토리툴바