HTML이란? 👓 HTML의 생김새 웹 페이지를 구성하는 요소 하나하나가 태그이다. 태그를 통해 요소의 종류를 명시하며, HTML5 웹 표준에 맞게 작성한다! contents와 같이 작성하며, 앞의 는 여는 태그, 는 닫는 태그, contents는 내용 부분이다. 그리고 이것을 다 합하여 요소라고 한다! 일관성 있게 태그 이름을 소문자로 작성하는 것을 권한다. 🧣 빈 요소 내용이 없는 요소를 빈 요소라 부른다. (Empty elements) 닫는 태그를 명시하지 않아도 되며, Self-Closing element, Void element, Single tag라고도 부른다. ,, ,,,, ,,,,, 등이 있다. https://developer.mozilla.org/ko/docs/Glossary/Empty_..
Visual Studio Code Visual Studio Code는 VS Code라고 많이들 부른다. 언어에 구애받지 않고 다양한 언어를 실습 가능하며, 수많은 확장 프로그램(extension)이 편의성을 증대시키고, 테마까지 포함해 커스터마이징도 가능하다. 오늘은 이 '브스코드'의 프론트엔드용 알면 좋은 확장 프로그램과 간단한 단축키, 소소한 꿀팁을 알아보자. ☔ VScode extension 확장 프로그램이 있어봐야 얼마나 편하겠어..라고 생각한다면 금물! prettier부터 live server, auto rename tag 등 정말 편리한 기능이 많다! Markdown Preview 확장자가 .md로 끝나는 마크다운 문서를 브스코드에서도 확인할 수 있다. open in browse..
HTML의 개요와 기본 개념 🌲 소개 HTML은 왜 열심히 해야할까? HTML/CSS는 중요할까? 라는 질문을 누군가 던진다면, '예'라는 대답을 하되, 자바스크립트보다는 덜 열심히 하는 분들이 많을 것이다. 나 또한 프론트엔드 공부를 시작할 때, HTML/CSS는 쉬우니까, 그리고 할 공부의 범위가 방대하니까 빨리 공부하고 넘어가자는 생각이 강했다. 하지만 이로 인해 생기는 문제점은 HTML/CSS의 기본기가 부족하여 구글링하는 데에 시간을 낭비하거나, 의도한 대로 브라우저에 표시되지 않고 어디서부터 꼬였는지 확인하기 힘들다는 것이다. 기초가 탄탄하지 않으면 자꾸 뒤를 돌아보게 된다. 🌳 HTML과 웹브라우저 HTML과 웹브라우저는 무슨 사이일까? ( ͡° ͜ʖ ͡° ) 사실 HTML 파..
이번 포스팅에서는 프론트엔드 개발자로서 꼭 알아야 하는 1) 웹 접근성의 의미 2) 개인적으로 선정한 좋은 예와 나쁜 예 3) 웹 접근성에 대한 나의 생각 에 대해 기술하고자 한다. 1) 웹 접근성의 의미 웹 접근성이란 무엇인가? 웹 접근성이란 단어만 보면 접근하기 좋은 웹이라는 의미로 연상되고, 그렇다면 접근하기 좋은 웹은 무엇인지 생각해보지만 딱히 떠오르지 않는다. W3C에 의하면, 웹 접근성에 대한 소개를 다음과 같이 요약한다. 웹 사이트와 웹 도구들이 잘 설계되고 만들어졌을 때 장애를 가진 사람들이 사용할 수 있습니다. 그러나, 현재 많은 사이트와 도구들은 접근성 장벽이 있고, 이는 일부 사람들이 이용하는 데에 어려움을 주거나 불가능하게 합니다. 웹을 접근 가능하게 만드는 것은 개인, 비즈니스, ..
앞선 포스팅에서 선형 회귀에 대한 내용을 알아보았다. 이번에는 경사 하강법에 대해 쉬운 소개를 해보려고 한다. 1. 경사 하강법이란(Gradient Descent) 위와 같은 그래프에서 오차가 제일 적은 지점은 a = m일 때이다. 아래로 볼록한 함수의 가장 아랫 부분을 찾는 것이다. a가 m에서 멀어질 수록 오차는 커진다. 즉, m과 같은 a(기울기)를 찾았을 때 오차가 최소화 된다는 개념이다. 이 m을 찾아가는 과정을 위 그래프와 같이 경사를 하강시키며 (m에 수렴시키며) 적합한 a를 찾는 과정을 경사하강법이라고 한다. 처음 그래프를 보면 잘 이해가 안될 수 있는데, 우리는 이차함수 그래프 중 y=ax+b인 그래프에만 익숙하기 때문이다. 그래서 이를 x에 대하여 미분한 값인 a를 기울기라고 칭해왔다...
- Thanks for comming.
- 오늘은
- 명이 방문했어요
- 어제는
- 명이 방문했어요