개발자연습노트

배경관련 CSS 속성들 .main-background { background-image : url(../img/shoes.jpg); background-size : cover; background-repeat : no-repeat; background-position : center; background-attachment : fixed;}background-size는 px, % 단위도 가능하고cover는 배경으로 꽉채워주세요contain은 배경이 짤리지 않게 꽉채워주세요 라는 뜻입니다.background-attachment는 웹사이트가 스크롤될 때 배경이 신기하게 동작하게 만들고 싶으면 써보도록 합시다.    배경 두개 겹치기 신공  .main-background { background-im..

요약 및 정리이 문서는 JavaScript의 `this` 키워드에 대해 설명하는 내용을 포함하고 있습니다. `this` 키워드의 정의, 특징, 그리고 다양한 사용 사례를 다루고 있습니다. 주요 내용은 다음과 같습니다: 1. `this`란 무엇인가?- 정의:  - `this`는 객체를 가리키는 참조 변수입니다.  - `this`는 호출되는 위치에 따라 다른 값을 출력하기 때문에 혼란을 줄 수 있습니다.- 기본 원칙:  - 메서드로 호출하면 `this`는 그 메서드가 속한 객체를 가리킵니다.  - 단독 함수 호출 시, `this`는 전역 객체(window, node는 global)를 가리킵니다.  - 화살표 함수의 경우, `this`는 화살표 함수가 선언된 상위 스코프를 가리킵니다.  - 생성자 함수 또는 ..

GitHub 인증하기주요 단계GitHub 가입 및 토큰 생성GitHub에 가입하고 Personal Access Token을 생성합니다.토큰은 GitHub 설정(Settings) -> Developer Settings -> Personal access tokens에서 생성할 수 있습니다.토큰 저장생성한 토큰을 안전한 곳에 보관합니다.Windows의 경우 자격 증명 관리자(Credential Manager)에서, macOS의 경우 Keychain Access에서 토큰을 저장합니다.1. GitHub Personal Access Token 생성GitHub에 로그인GitHub에 로그인합니다.Settings 페이지로 이동오른쪽 상단 프로필 사진을 클릭하고, Settings를 선택합니다.Developer settin..

1. Git 저장소 초기화 먼저, 프로젝트 폴더를 만들고 그 폴더에서 Git 저장소를 초기화합니다. git init 2. 예제 파일 생성 두 개의 파일을 생성합니다. 여기서는 file1.txt와 file2.txt라는 파일을 생성합니다. echo "This is file 1" > file1.txt echo "This is file 2" > file2.txt 3. 파일 추가 두 파일을 Git 스테이지에 추가합니다. git add file1.txt file2.txt 또는 모든 변경된 파일을 추가할 수 있습니다. git add . 4. git status 5. 파일 커밋 두 파일을 커밋합니다. git commit -m "Add file1.txt"  git commit -m "Add file2.txt" 6.git..

1.  2.강사님 풀이3. 포트폴리오(내용은 수정예정)

DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>회원가입title>    link rel="stylesheet" href="회원가입.css">head>body>    div class="container">        h2>회원가입h2>        p>원활한 서비스를 이용을 위해 회원가입을 해주세요p>        div class="group">            label for="username" class="label">아이디label>            input type="text" i..

DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>회원가입title>    link href="3.css" rel="stylesheet" type="text/css" />    head>body>    h1>로그인h1>    p class = "a">아이디와 비밀번호를 입력하고 로그인 하세요p>    form id="signupForm" method="post" action="/signup">        div class ="c">            label for="username">strong>아..

1.2. 1.코딩 DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>회원가입title>head>body>    h2>strong>회원가입strong>h2>    p>strong>원활한 서비스를 이용을 위해 회원가입을 해주세요strong>p>    form id="signupForm" method="post" action="/signup">        div>storng>            label for="username">strong>아이디strong>label>            input ty..

분석 실습 보고서 PPT 작성분석실습 :  1분석 개요1.1 분석 배경공정(설비) 개요이슈사항(Pain point)1.2 분석 목표분석 목표데이터 정의 및 소개데이터 분석 기대효과시사점(implication) 요약기술: 분석 배경내용:공정(설비) 개요이슈사항(Pain point)섹션 제목: 분석 목표내용:분석 목표데이터 정의 및 소개데이터 분석 기대효과시사점(implication) 요약기술섹션 제목: 분석 실습내용:2.1 제조데이터 소개2.2 분석 모델 소개2.3 분석 체험섹션 제목: 제조데이터 소개내용:데이터 분석 방법데이터 유형/구조데이터 (품질) 전처리섹션 제목: 분석 모델 소개내용:데이터 흐름 및 인공지능 모델 적용 흐름도AI 분석모델섹션 제목: 분석 체험내용:2.3.1 소프트웨어 및 패키지 설치..

1.시멘틱 태그를 사용하는 이유시멘틱 태그: , , , , , , 등은 웹 페이지의 구조를 명확히 정의하여 사람이 읽고 이해하기 쉽고, 기계도 쉽게 해석할 수 있습니다.비시멘틱 태그: , 등은 구조적 의미를 전달하지 않고, 단지 스타일링을 위해 사용됩니다.이점접근성 개선: 스크린 리더와 같은 도구가 페이지를 더 잘 이해하도록 돕습니다.SEO 최적화: 검색 엔진이 페이지의 구조와 내용의 중요성을 더 잘 파악할 수 있습니다.유지 보수 용이: 코드가 명확해져서 개발자나 유지 보수자가 더 쉽게 이해할 수 있습니다.시멘틱 태그를 사용하면 HTML 문서의 가독성, 접근성, 그리고 SEO를 크게 향상시킬 수 있습니다. 이를 통해 웹 페이지의 구조를 더욱 명확하고 효율적으로 표현할 수 있습니다.  2.시멘틱 테그로..