엘리스 AI 트랙 4기90 [HTML] Sematic Markup 취준생이라면 알면 좋을 프론트엔드 관련 지식들 자료를 보고 정리한 내용입니다. ✅ 시맨틱 마크업 시맨틱 마크업(Semantic Markup)은 의미를 잘 전달하도록 마크업 문서를 작성하는 것을 말한다. 여기서 마크업은 HTML 태그로 문서를 작성하는 것을 의미한다. 시맨틱 마크업은 각 태그를 용도에 맞게 사용하는 것을 권장한다. 예를 들자면 다음과 같은 것들이 해당한다. 헤더/푸터 : 메인 컨텐츠 : 독립적인 컨텐츠 : 최상위 제목 : 순서가 없는 목록 : 네비게이션 : 태그를 태그가 가지고 있는 의미에 맞게 사용하는 것 외에도 CSS 스타일을 명시하는 태그를 사용하지 않는 것도 시맨틱 마크업의 한 종류이다. 이는 태그가 스타일이라는 의미를 가진다면 마크업 자체가 스타일을 가지게 되므로 시맨틱 마크업에 .. 2022. 2. 13. [인공지능/머신러닝 기초] 회귀분석 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ 회귀 분석 머신러닝은 지도학습, 비지도학습, 강화학습으로 나뉘는데 지도학습은 다시 회귀 분석과 분류로 나뉜다. 즉, 회귀 분석은 지도학습에 속하므로 input과 output data를 가지고 예측 모델을 만든다. 회귀 분석(Regression Analysis)은 가장 넓은 의미로는 독립변수(x)로 종속변수(y)를 예측하는 것을 의미한다. 여기서 독립변수란 변수의 변화 원인이 모형 밖에 있는 변수, 종속변수란 변수의 변화 원인이 모형 안에 있는 변수이다. 독립변수는 다른 변수의 변화와 관계없이 독립적으로 변하고 다른 변수의 값을 결정한다. 이때 독립변수에 의해 결정되는 값이 종속변수이다. ✅ 선형회귀분석 회귀 분석을 좀 더 좁은 의미로 말할 때는.. 2022. 2. 13. [인공지능/머신러닝 기초] 선형대수 기초 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ Vector 스칼라(scalar)는 크기만 존재하는 양으로 길이, 넓이, 질량, 온도 등이 스칼라 값에 속한다. 쉽게 말해 그냥 숫자를 생각하면 된다. 벡터(vector)는 크기와 방향이 모두 존재하는 양으로 속도, 위치 이동, 힘 등이 있다. ✔️ 벡터 연산 벡터는 아래와 같이 표기한다. 벡터끼리 더하는 것은 피연산자가 같은 차원의 벡터일 때 가능하며 같은 차원끼리 더하면 된다. 벡터에 스칼라값을 곱할 수도 있는데 이 때에는 각 값에 동일한 스칼라 값을 곱하면 된다. ✔️ Norm n차원 벡터 \(\overrightarrow{x}=(x_{1},x_{2}, ..., x_{n})\) 에 대해 Norm은 다음의 값을 가진다. $$ ||\overri.. 2022. 2. 12. [HTML] script tag attributes 취준생이라면 알면 좋을 프론트엔드 관련 지식들 자료를 보고 정리한 내용입니다. ✅ 위와 같이 외부 스크립트를 가져오거나 async 속성은 boolean 속성으로 명시하지 않으면 false 값을 가지게 되고 명시하면 true 값을 가진다. 이 속성은 defer 속성은 async 속성과 동일하게 boolean 속성으로 명시하지 않으면 false 값을 가지게 되고 명시하면 true 값을 가진다. 또한 요소가 외부 스크립트를 참조하는 경우에만 사용할 수 있어 src 속성이 반드시 필요하다. ✅ vs vs HTML 파싱이 중단되고 즉시 스크립트가 로드된다. 로드된 스크립트의 실행이 종료되면 파싱이 재개된다. HTML 파싱과 병렬적으로(비동기적으로) 스크립트가 로드된다. 파싱하는 동안에도 스크립트 실행이 가능하며 .. 2022. 2. 12. [4주차] Axios 2월 12일 자 학습 내용 정리입니다. ✅ Axios Axios는 웹 브라우저와 Node.js를 위한 HTTP 비동기 통신 라이브러리이다. 쉽게 말해 백엔드와 프론트엔드 간의 통신을 원활히 하기 위해 사용되는 것이다. 비동기 통신 라이브러리를 사용하지 않으면 모든 코드가 순차적으로(동기적으로) 처리되어야 하므로 코드의 순서를 신경써서 작성해야 한다. 따라서 이를 쉽게 하기 위해 Axios나 Ajax 등이 사용된다. Ajax(Asynchronous JavaScript and XML)는 이름 그대로 비동기 자바스크립트라는 의미이다. Ajax는 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해 화면 전체를 새로고침 하지 않고 변경된 일부 데이터만 로드하는 비동기 처리가 가능하다. Axios는 A.. 2022. 2. 12. [4주차] HTTP와 API 2월 11일 자 학습 내용 정리입니다. ✅ HTTP HTTP(Hypertext Transfer Protocol)는 Web에서 서버와 클라이언트 간의 통신 방법을 정한 것이다. 클라이언트는 웹 브라우저 등 서버로 요청을 보내는 대상이며 서버는 클라이언트가 요청을 보내기 전까지는 대응하지 않다가 요청이 들어오면 요청을 처리한다. 서버와 클라이언트 사이에는 DNS, Proxy, Tunnel 등 무수히 많은 요소가 존재하고 HTTP는 이런 존재들 사이의 통신 방법을 규정한 것이다. ✔️ HTTP Message HTTP 메세지에는 서버 주소, 요청 메서드, 상태 코드, target path, 헤더 정보, 바디 정보 등이 포함되어 있다. 요청 메세지와 응답 메세지로 구분되며 이 둘의 모양은 다르다. HTTP 메세지.. 2022. 2. 11. [4주차] async/await 2월 11일 자 학습 내용 정리입니다. ✅ async/await async/await은 Promise를 활용한 비동기 코드를 보다 간결하게 작성하는 문법으로 Promise와 동일하게 비동기 코드를 동기 코드처럼 작동하게 한다. async function Func() { let res = await fetch(url) ... } async 키워드로 선언된 함수 안에 await 키워드가 사용된다. 이때 async 키워드로 선언된 함수는 반드시 Promise를 리턴한다. 하지만 await 키워드가 반드시 Promise를 리턴하는 함수에만 사용되는 것은 아니다. Promise를 리턴하지 않는 함수의 경우에도 사용은 가능하지만 이 경우 리턴한 데이터는 Promise.resolve()로 감싸진다. await문은 P.. 2022. 2. 11. [프로그래밍수학] 확률 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ 확률 확률(Probability)은 어떤 사건이 일어날 때 우리가 집중하고자 하는 사건이 어느 정도의 비율로 일어나는지를 알려준다. 같은 원인에서 특정한 결과가 나타나는 비율을 뜻하기도 한다. 우리가 일어나기를 기대하는 사건을 근원사건이라고 정의한다면 근원사건이 일어날 확률은 다음과 같다. 확률의 계산에 있어 원소란 사건이 일어남에 있어 나타날 수 있는 모든 상황을 의미한다. 경우의 수와 달리 확률은 원소가 나타나는 빈도를 고려한다. 확률은 0부터 1까지의 값을 가지며 확률값이 0이면 절대 일어나지 않는 사건, 1이면 반드시 일어나는 사건임을 의미한다. 확률은 P로 표기한다. ✔️ 통계적 확률 확률식을 적용하는 데 있어 중요한 점은 각각의 경우.. 2022. 2. 10. [프로그래밍수학] 순열과 조합 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ 경우의 수 사건은 같은 조건에서 여러 번 할 수 있는 실험이나 관찰로 얻어진 결과를 의미한다. 경우의 수는 사건에서 일어날 수 있는 경우의 가짓수를 말한다. 예를 들어 주사위를 던졌을 때 1, 2, 3, 4, 5, 6의 결과가 나올 수 있으니 이때의 경우의 수는 6이다. ✔️ 합의 법칙 사건 A 또는 B가 일어나는 경우 전체 경우의 수는 두 사건의 경우의 수를 더한 값이 된다. 사건 A의 경우의 수가 a이고 사건 B의 경우의 수가 b라면 사건 A 또는 B가 일어날 경우의 수는 a + b이다. 이렇듯 합의 법칙은 각 사건이 동시에 일어나지 않을 때 사용한다. ✔️ 곱의 법칙 사건 A와 B가 동시에 일어나는 경우 전체 경우의 수는 두 사건의 경우의.. 2022. 2. 10. 이전 1 2 3 4 5 6 7 8 ··· 10 다음
