728x90 반응형 분류 전체보기220 [HTML] 공간분할 공간분할 1. 블록 [물리적 공간 분할] p는 블록입니다. div도 블록입니다. 헤더입니다. 내비게이션 섹션 내부 아티클1 사이드 Footer [결과] aside 아티클이 아닌 애들인데 꼭 옆에 있어야하는 것이 아니라 옆에 치우친거 float : 공간을 정해주는 것 clear : 어떤 영역에서는 영향을 받지 않게 하는 것 가장 자주 쓰이는 시맨틱 요소는 div와 span 2020. 5. 7. [HTML] style /이미지 /링크 태그 1) Style 태그 CSS 파일 말고도 폰트나 배경에 style을 주는 방법 글자 크기과 관련된 스타일입니다. 글자 색과 관련된 스타일입니다. 글자 위치와 관련된 스타일입니다. 2) 이미지 이미지 넣는 방법 이미지 경로(Path) URL(Uniform Resource Location) → 자원의 위치를 나타냄 URN(Uniform Resource Name) → 자원의 이름을 나타냄 ① 이미지 웹사이트에서 가지고 오기 → 웹사이트에서 이미지 주소복사 ② img 폴더 내 존재하는 이미지 가져오기 2. img 폴더 내 존재하는 이미지 가져오기 2-1. 절대경로로 가져오기 2-2. 상대경로로 가져오기 3) 링크 3. 링크 3-1. 네이버 바로가기(현재페이지에서 이동 target="_self") 3-2. 네이버.. 2020. 5. 7. [HTML] 기본 태그 h1 태그 h2 태그 h3 태그 h4 태그 h5 태그 h6 태그 hr태그는 수평 가로선 긋고 줄바꿈 p태그 : 단락 br태그는 그냥 줄바꿈 b태그 : 굵은글씨 strong 태그 : 굵은글씨 i 태그 : 이탤릭체 em 태그 : 이탤릭체 mark 태그 : 형광펜강조 ins 태그 : 밑줄 del 태그 : 글자가운데줄 [x2+y3=2 이런거 만들때 상용] sup 태그 : 위첨자 sub 태그 : 아래첨자 x2+y4=10 CO2 [결과] 2020. 5. 7. [VSCode] Visual Studio Code 기본 사용법 및 단축키 1) 기본 사용법 1-1. 공용 사용법 ① 단축키 * ctrl+b → 옆에 파일 열기 닫기 * alt+L+O → 크롬 실행 * ctrl+alt+방향키 → 상하 동시 커서(취소는 esc) * alt+shift+↓또는↑ → 해당 줄 전체 복사 * alt+↓또는↑→해당 줄이동 * ctrl+c / ctrl+v / ctrl+z 모두 사용 가능 * ctrl+shfit+k 한줄지워지는 것 1-2. 주석처리 ① HTML → ② CSS → /**/ ③ JavaScript → // 또는 /**/ 1-3. HTML ① html 파일 시작시에 !누르고 tab → 자동 기본 코드 작성됨 ② HTML 요소(element) → 콘텐츠 ③ 주석처리 → 또는 블록을 잡아서 ctrl+/ 1-4. CSS ① 기본 코드 없이 바로 작성 가.. 2020. 5. 7. [VSCode] Visual Studio Code 비주얼스튜디오코드 설치 가이드 1) Visual Studio Code 설치 1. https://visualstudio.microsoft.com/ko/free-developer-offers/에서 Visual Studio Code window x 64 다운로드 무료 개발자 소프트웨어 및 서비스 - Visual Studio 무료로 제공되는 제품: Visual Studio Community, Visual Studio Code, VSTS 및 Dev Essentials visualstudio.microsoft.com 2. C 드라이브에 새폴더(폴더명 : mentoring )만들기 3. 프로그램 실행 후 상단 파일 메뉴에서 폴더 열기 4. mentoring 폴더 선택 5. 오른쪽 메뉴바 제일 밑에 Extensions(확장) → Live Serve.. 2020. 5. 7. [오늘의 삽질] 자바스크립트 - 할일 목록 삭제버튼 클릭시 콘솔에 배열 확인하기 노마드코더\Vanilla JS\Changes\실습\Practice\DAY8.9\class_practice\todo.js input 한 할일 목록 4개 중에 2개를 지우면 console.log(cleanToDos, toDos); 로 보여지는 cleanToDos의 갯수가 2개이어야 하는데 계속 2개 3개를 지워도 cleanToDos의 갯수가 3이었다. 슬랙에 어떤 친절하신 분이 다시 개념을 알려주셨는데 1.pendingList(배열)의 값을 한개씩 가져와서 toDo에 담는다 2.toDo에 담긴 id와 삭제버튼을누른 li의 id값을 비교한다 3.비교하여 일치하지 않은 값(삭제버튼 누르지 않은것)은 cleanToDos에 담는다 이렇게 되서 결과적으로 cleanToDos에는 삭제 하지않은 것들로 이루어진 배열이 .. 2020. 5. 7. 이전 1 ··· 33 34 35 36 37 다음 728x90 반응형
