영국 척척석사 유학생 일기장👩🏻‍🎓

1. 값이 비어있을 때 보여주는 값 placeholder 아래의 예시와 같은 구글 로그인 화면에 있는 "이메일 또는 휴대전화" 같은 것을 "플레이스 홀더"라고 부릅니다. 이러한 값을 추가하려면 placeholde라는 속성을 쓰면 됩니다. 이때 placeholder의 디자인을 바꾸려면 CSS 선택자로 ::placeholder를 활용하면 됩니다. input::placeholder { color: #dddddd; } 2. 반드시 입력해야 하는 값 required 폼에서 반드시 입력해야 하는 값이 있다면 required 속성을 써주면 됩니다. 만약 required인 인풋의 값이 비어있다면, 전송 버튼을 눌러도 전송되지 않습니다. 3. 자동완성 autocomplete 예전에 입력한 값들을 보여주는 인풋은 auto..

선형회귀에 대해 알아보았습니다. 그런데 입력 변수와 목표 변수의 관계를 가장 잘 나타내는 게 직선이 아닐 수도 있습니다. 아래의 예시를 봅시다. 직선을 최대한 잘 그린것 같지만 이 직선이 데이터를 잘 표현한 것 같진 않습니다. 직선이 아닌 곡선을 사용해봅시다. 이 곡선을 어떻게 찾을 수 있을까요? 선형 회귀에서는 가설 함수가 아래와 같이 생겼었습니다. 이 가설함수는 직선이니까, 가설 함수를 곡선으로 바꾸면 됩니다. 예를 들어, 이 데이터에 가장 잘 맞는 곡선이 이차 함수 일 것 같으면 이런 식으로 써주면 됩니다. 만약 데이터에 가장 잘 맞는 곡선이 이차 함수가 아니라 삼차 함수일 것 같으면 이렇게 가설 함수를 정하면 되고, 4차 함수 일 것 같으면 5차 함수 일 것 같으면 이런 식으로 함수의 차수가 더 ..

태그에서 type 속성을 password로 하면 입력한 내용이 가려지는 비밀번호 인풋을 만들 수 있습니다. type에 쓸 수 있는 여러 가지 값들을 알아봅시다. 1. 체크박스 checkbox 1) 한 항목만 선택하는 경우 아래의 예시에서 '동의합니다'에 체크하는 경우 agreement 값이 on이라는 문자열로 지정됩니다. 동의합니다 2) 여러 항목 중에서 몇 항목을 선택하는 경우 태그에 value 속성으로 값을 지정해주면 선택된 항목의 지정된 값이 쓰입니다. 예를 들어 아래의 코드에서 "액션"이랑 "코미디"를 선택했을 때 film의 값으로 action과 comedy라는 문자열이 지정됩니다. 폼을 전송했을 떄 쿼리 문자열에서는 &film=action&film=comedy처럼 전송됩니다. 좋아하는 영화 장르..

1. convex 함수 경사 하강법, 정규 방정식을 이용하여 선형, 다중 회귀 손실 함수를 최소화시킬 수 있었습니다. 손실함수 J(theta)의 경사를 구한 뒤에 이걸 이용해서 최솟값을 갖는 theta를 찾았습니다. 그런데 단순히 경사 하강법과 정규 방정식만 이용하면 항상 손실 함수의 최소 지점을 찾을 수 있을까요? 예를 들어 봅시다. 이 지점에서 시작을 해서 경사를 따라 쭉 내려갑니다. 내려가다 보면 어느 순간 여러 극소값 중 하나에 오겠죠? 그럼 여기서는 경사가 0이어서 경사 하강이 종료가 됩니다. 그럼 손실 함수의 최저점을 찾아갈 수가 없습니다. 정규 방정식도 마찬가지입니다. 이렇게 수많은 극소값들과 극대값들이 있으면 아무리 방정식을 해결해도 구한 수많은 지점 중에서 어떤 지점이 최소점인지 알 수 ..

1. 경사 하강법 vs 정규 방정식 경사 하강법 정규 방정식 적합한 학습률 a를 찾거나 정해야 함 학습율 a를 정할 필요가 없음 반복문 사용해야함 한 단계로 계산을 끝낼 수 있음 입력 변수의 개수 n이 커도 효율적으로 연산 가능 입력 변수의 개수 n이 커지면 커질수록 비효율적임 (행렬 연산을 하는 비용이 경사 하강법을 하는 것 보다 큼) 역행렬이 존재하지 않을 수도 있음 (이때는 pseudo inverse를 이용해서 다르게 계산할 수 있음) 둘 중 어떤 걸 선택해야 할 지 정해져 있지는 않으나 입력 변수(속성)의 수가 엄청 많을 때는(1000개 기준) 경사 하강법을, 비교적 입력 변수의 수가 적을 때는 정규 방정식을 사용합니다.

1. 이미지 파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다. (CSS로도 크기를 지정할 수 있습니다.) 이미지에 대한 설명은 alt 라는 속성을 사용합니다. 2. 비디오 파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다. (CSS로도 크기를 조절할 수 있습니다.) 그 외에 자동 재생을 하는 autoplay 속성, 음소거를 하는 muted, 조작하는 버튼들을 보여누는 controls 속성이 있습니다. 특히 자동 재생은 불쾌감을 줄 수 있기 때문에 크롬 브라우저에서는 반드시 muted와 함께 써야합니다. 3. 오디오 파일 주소는 src 속성으로 지정합니다. 자동 재생을 하는 autoplay, 조작하..

1. 테이블 정보를 표로 나타낼 때는 태그를 사용합니다. 테이블 행은 (Table Row)태그로 감쌉니다. 각 데이터들은 (Table Data) 태그로 넣습니다. 2. 머리글 표에서 머리글은 태그로 감싸면 됩니다. 행은 태그로 감싸면 됩니다. 각 행 안에 있는 것들은 제목이기 때문에 가 아니라 라는 태그를 넣습니다. 본문에 해당하는 행들은 라는 태그로 감쌉니다. 3. 바닥글 표에서 바닥글은 태그로 감싸면 됩니다. 와 마찬가지로 행은 로 감쌉니다. 제목으로 쓰는 칸은 태그를 넣습니다. Premium Standard Basic 다운로드 무제한 월 30회 불가 ... 화질 최대 FHD HD ₩15,900 ₩10,900 ₩8,900

1. 순서 리스트(Ordered List) 항목들 사이에 순서가 있는 목록을 작성할 때 이라는 태그를 감싸고, 그 안에 항목은 태그를 씁니다. 상영작 순위 라라랜드 명량 극한직업 국제시장 어벤져스: 엔드게임 2. 순서 없는 리스트 (Unordered List) 항목들 사이세 순서가 없는 목록을 작성할 때 이라는 태그를 감싸고, 그 안에 항목은 태그를 씁니다. 상영작 순위 라라랜드 명량 극한직업 국제시장 어벤져스: 엔드게임 3. 리스트 스타일링 순서 리스트에서는 type 속성으로 기호를 바꿀 수 있습니다. 라라랜드 명량 극한직업 국제시장 어벤져스: 엔드게임 list-style 이라는 CSS 속성으로도 바꿀 수 있습니다. ul { list-style: disc; /*동그라미 */ } 기호를 없애고 싶을 때는..

1. 제목 태그 ~ 문서의 제목을 나타내는 태그입니다. 한국 영화 한국 영화의 역사 1950년대: 침체기 1960년대: 황금기 1970년대: 쇠퇴기 1980년대: 암흑기 1990년대: 전환점 2000년대: 르네상스 2010년대: 최전성기 2020년대: 대격변 유명한 한국 감독 박찬욱 봉준호 임권택 김기덕 김기영 최동훈 위 HTML 코드에 담겨 있는 정보의 구조를 그려보면 아래와 같습니다. 이런 식으로 문서에서 제목을 나누는 태그 입니다. - 한국 영화 - 한국 영화의 역사 - 1950년대: 침체기 - 1960년대: 황금기 - 1970년대: 쇠퇴기 - 1980년대: 암흑기 - 1990년대: 전환점 - 2000년대: 르네상스 - 2010년대: 최전성기 - 2020년대: 대격변 - 유명한 한국 감독 - 박찬욱..

1. 링크의 상대 주소(Relative URL) 현재 폴더는 점 한 개(./)로 표시하고, 상위 폴더는 점 두 개 (../)로 표시합니다. 최상위 폴더는 경로 맨 앞에 /로 시작하면 됩니다. 특히 index.html 파일은 이름을 생략하고 폴더 이름만 쓸 수 있습니다. 위에서 myeong-ryang.html에서 최상위 폴더에 있는 index.html 로 연결하는 링크 예시 홈페이지로 가기 홈페이지로 가기 홈페이지로 가기 홈페이지로 가기 2. URI 프래그먼트(URI Fragment) 페이지의 특정 부분을 가리키는 주소입니다. 원하는 곳에 id 속성을 지정해두고, 링크 주소로 사용할 때는 맨 끝에 #으로 시작하년ㄴ #아이디-이름 을 쓰면 됩니다. 팀 버너스라는 "인터넷 사용 자체가 인권" [1] 이라고 말..