멋사TIL

고등학생때 프로그래밍 조금씩 배우면서 어쩌다가 알게되었던 GitHub.. 나는 당연히 그냥 코드 작성해서 올리기만 하면 되는 줄알고 아무 생각없이 회원가입하고 아무것도 하지못했다 대학생이 되어서 프로그램 짜면서 자연스럽게 깃허브를 쓰게 될줄 알았는데 그건 또 아니었고

✨HTML : HyperTextMarkup Language 주로 웹페이지 제작에 쓰이는 프로그래밍 언어이다. 학교에 교양과목이 있을 정도로 쉬운 축에 속한다는 것을 알고는 있었는데 수강신청 실패와,, 그 외의 배울 수 있는 기회가 없었어서 이번에 처음 다뤄보게 되었다

CSS 프로퍼티 중 상위 요소(부모, 조상)에서 적용되었지만, 자식 요소까지 상속되는 것결과:이 코드에서 parent 텍스트가 20px로 설정되었는데, child 또한 같은 사이즈로 노출된다. width height margin display border ex)결과:

자바 스크립트 첫경험!프론트엔드 개발을 집 짓는 것에 비유한다면 HTML은 기둥을 만들고 CSS는 꾸미는 역할을 하며, 자바스크립트는 여러 시설을 동작하게 한다고 할 수 있다. 기본적으로 html 파일 안에서 <scipt> ~ </script>태그를 사용해

getElementsByClassName('클래스이름')\[0]: 중복되는 class중 0번째 반환addEventListenertarget: 이벤트 핸들러 추가하려는 HTML 요소event: 이벤트의 이름을 지정하는 문자열 mouseover : 셀렉터로 찾은 요소에 마

시작 스타일이 담겨져있는 클래스최종 스타일이 담겨져있는 클래스무엇을 했을 때 1 → 2로 변하도록transition 사용 : 3번의 변화과정을 보여줌 transition: all 1s;📌 display : none 대신 visibility: hidden,displa

<div className = "App"><div className = "black-nav">style= {{스타일:'값'}} 👉 ‘-’ : 뺄셈 연산자 → font-size X: html이 자동 재렌더링됨import {useState}useState(보관

input `` Untitled `` Untitled `` ![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/57cbb13c-629e-40b5-

Untitled→ react-router-dom 라이브러리 사용 : npm start react-router-dom@6 → import {BrowserRouter, Routes, Route} from 'react-router-dom'history API는 내부적으로 s

ajax : 웹 서버에 데이터 요청을 보내기 위한 XML HttpRequest 객체 브라우저와 데이터를 보여주기 위한 JavaScript, HTML DOM의 조합 = 페이지 새로고침 없이 서버에 요청 = 서버로부터 데이터를 받고 작업을 수행 import axios