분류 전체보기
-
2023년 05월04일 수업 내용 정리국비 교육 내용 정리 2023. 5. 4. 14:57
* 과제1: 체스판 만들기~ DOCTYPE html> Checkboard 만들기 #board{ width: 500px; border: 1px solid #000; display: flex; flex-wrap: wrap; margin:0 auto; } .square{ width: 100px; height: 100px; border: 1px solid #000; box-sizing: border-box } /* #board div:nth-child(even){ background-color: black; } #board div:nth-child(odd){ background-color: red; } */ .square:nth-child(odd){ background-color: red; } .square:n..
-
-
2023년 05월03일 수업 내용 정리국비 교육 내용 정리 2023. 5. 3. 17:15
-HTML 1. css에서의 vh는 view port 기준 height 임~ 2. -> input은 텍스트를 적을수 없기에 value 값을 줘서 텍스트값을 줄수가 있음 3. -> 텍스트 입력시 가야될 경로에 전송을 해줌 사용자 ID: 사용자 PW: 4. -> 라벨은 텍스트를 한쌍으로 묶어준다. 그냥 일반적으로 input하고 같이 쓰인다고 보면 됨 사용자 ID: 5. 먹고 싶은 것을 하나만 선택 하세요. 짜장면 짬뽕 탕수육 -> name을 줌으로서 하나 씩 선택가능.(그룹으로 묶으니 하나씩만 선택가능) 6 교제. p119 p164 예제 문제 ㄱ~ 7. 8. => method는 개발자 도구를 이용하여 network를 탭을 살펴 보면 request method:get으로 되어 있을것이다.(이거슨~ 비밀번호가 ..
-
Table을 이용하여 만들어봐~~국비 교육 내용 정리 2023. 5. 3. 09:28
-HTML- * 내가 만든 코드~ DOCTYPE html> Document body{ text-align: center; } table{ width: 500px; border-collapse: collapse; margin-left: 50px; } th,td{ border: 1px solid black; padding: 7px; text-align: center; font-size: 20; } th{ background-color: red; color: white; } .blue{ background-color: blue; color:white; } .red{ background-color: red; color:white; } 테이블 기본형(2X3) 1 2 3 4 5 6 행 병합 테이블 1 2 3 4 5..
-
2023년 05월02일 수업 내용 정리국비 교육 내용 정리 2023. 5. 2. 15:58
● HTML&CSS (1) : favicon(favorite icon) 네이버 접속시 네이버 왼쪽에 있는 아이콘 말함 (2) HTML 틀 자가설정 방법 ! 떴을때 필요없는거 안쓰기 위해 수정후 -> 왼쪽 톱니바퀴 -> User Snippets 클릭 -> html 선택 -> 주석 나옴 -> // "Print to console": { 밑에부분 전체 복사 -> 전체 밑에 붙여넣기 -> 주석 해제 (CTRL+/) 해주기 -> ★ "Generate HTML Basic structure": { 1.수정할 indext 텍스트를 붙여주고 양쪽 끝에 "(큰따옴표 설정) , 근데 오류 뜸 오류 해결은 "(큰따옴표) 오류난 부분에 따옴표 앞부분에 \(역슬래시) 붙여 줘야함 ex) 이렇게 설정해야함! 2.밑으로 갈 부분에 ..
-
2023년 05월01일 수업 내용 정리국비 교육 내용 정리 2023. 5. 1. 17:46
2023년 05월01일 1. 라이브러리 vs 프레임 워크 2. vscode 랑 visual studio code는 다름! 3. vscode 설치 (1)왼쪽 첫번째 메 바탕화면 폴더 생성 -> vscode 실행 ->왼쪽 첫번째 메뉴-> 생성한 폴더 오픈 -> ! 치면 헤드랑 바디 생성됨! -> 폴더 보면 인터넷 사이트 생성! (2) 왼쪽 아래 extension -> live server 다운로드 , file 에 auto save 체크 ! => 저장 안하고 텍스트 실시간 방영 (3) 해당 텍스트 에 tab 누르면 들여쓰기 가능 (4) 드레그 후 -> ctrl + / 하면 주석처리 기능 (5) head 부분 => css 연결 텍스트 => meta, title ,style,link,javascript(head ..
-
라이브러리 vs 프레임워크의 차이점국비 교육 내용 정리 2023. 5. 1. 15:33
라이브러리와 프레임워크는 소프트웨어 개발에서 두 가지 다른 개념이지만, 몇 가지 유사점이 있습니다. 라이브러리는 개발자가 직접 코드를 작성할 필요 없이 특정 기능을 수행하는 데 사용할 수 있는 미리 작성된 코드 모음입니다. 라이브러리는 일반적으로 특정 작업을 수행하기 위해 개발자 코드로 호출할 수 있는 함수, 클래스 또는 모듈 집합을 제공합니다. 인기 있는 라이브러리의 예로는 Python의 NumPy, Pandas, Matplotlib 또는 JavaScript의 React, Redux 및 jQuery가 있습니다. 반면에 프레임워크는 애플리케이션 빌드를 위한 구조를 제공하는 더 크고 포괄적인 사전 작성 코드 집합입니다. 프레임워크는 일반적으로 특정 유형의 응용프로그램을 만들거나 특정 문제를 해결하는 데 사..