[WARNING] 또야주의

HTML이란? 👓 HTML의 생김새 웹 페이지를 구성하는 요소 하나하나가 태그이다. 태그를 통해 요소의 종류를 명시하며, HTML5 웹 표준에 맞게 작성한다! contents와 같이 작성하며, 앞의 는 여는 태그, 는 닫는 태그, contents는 내용 부분이다. 그리고 이것을 다 합하여 요소라고 한다! 일관성 있게 태그 이름을 소문자로 작성하는 것을 권한다. 🧣 빈 요소 내용이 없는 요소를 빈 요소라 부른다. (Empty elements) 닫는 태그를 명시하지 않아도 되며, Self-Closing element, Void element, Single tag라고도 부른다. ,, ,,,, ,,,,, 등이 있다. https://developer.mozilla.org/ko/docs/Glossary/Empty_..

웬걸? 데스크탑에서 노트북으로 개발환경을 옮기고 리액트 프로젝트가 있는 해당 경로로 이동한 뒤 npm start를 해주었더니 제목과 같은 오류가 발생했다. 뭐 가끔 있는 일이니... --> npm install -save react-script 이 명령어로 해결해준다. 이렇게 하게 되면, react-script의 의존성을 확인하여 package.json에 의존성을 추가한다. 명령어를 입력하고 나면 아래와 같이 정상적으로 리액트 서버가 동작한다. 추가적으로 다른 경고가 뜰 수 있는데, 그것은 아래와 같다. vulnerabilities는 보안 문제인데, --> npm audit fix 로 일부분 해결할 수 있다.

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에 의하면, 웹 접근성에 대한 소개를 다음과 같이 요약한다. 웹 사이트와 웹 도구들이 잘 설계되고 만들어졌을 때 장애를 가진 사람들이 사용할 수 있습니다. 그러나, 현재 많은 사이트와 도구들은 접근성 장벽이 있고, 이는 일부 사람들이 이용하는 데에 어려움을 주거나 불가능하게 합니다. 웹을 접근 가능하게 만드는 것은 개인, 비즈니스, ..