DOM DOM(Document Object Model)이란 HTML, XML 문서의 프로그래밍 interface이다. DOM은 문서를 구조화한 상태를 제공해주며 구조화한 상태를 통해 프로그래밍 언어로 DOM의 문서 구조, 스타일, 내용 등을 변경할 수 있다. 웹 페이지는 문서이고, 이 문서는 웹 브라우저를 통해 렌더링된 화면이 나타나거나, 코드의 소스로 나타난다. DOM은 웹 페이지의 객체 지향 표현이며, Javascript와 같은 Scripting 언어로 내용을 수정할 수 있다. W3C DOM, WHATWG DOM 표준은 국제적으로 사용하는 대부분의 브라우저에 적용된 DOM 구현 기준이다. 물론 많은 브라우저들이 표준 구현 기준에 추가적인 기능들을 만들어 제공하고 있다. DOM과 Javascript DOM 자체는 프로그래밍 언어가 아니지만, 문서의 객체적인 표현이기 때문에 문서의 내용, 문서의 요소를 바꾸기 위해서는 DOM을 거쳐야 하고, 그럼으로 인해
프로젝트 주소 : https://github.com/USW-Flag-Board/FrontEnd 진행기간 : 2022.07.19 ~ 진행중 사용된 기술스택 & 라이브러리 React Redux React-Pagination Universal-Cookies axios 프로젝트 소개 수원대학교 개발 동아리 Flag에서 개발한 수원대학교 학생들이 사용할 수 있는 수원대 전용 커뮤니티 프로젝트 담당 업무 프론트엔드 팀장(프로젝트 개발 기획, 업무 분담) / 로그인, 회원가입 / 유저(프로필, 내 정보 수정) 레퍼런스 차후 작성 느낀점 차후 약식으로 작성, 회고에 다시 쓸 예정
주소 github : https://github.com/KimJunpyo/QR-code-component 프로젝트 주소 : https://kimjunpyo.github.io/QR-code-component/ 미리보기 언어 HTML5 Markup CSS custom 새로 배운 것 굳이 필요없는 div, class, id는 최대한 제거. 그림, 도형 등 객체들의 위치는 1px씩 조절하며 최대한 비슷하게 설계. css : box-shadow: 1px(왼쪽 공백) 25px(윗쪽 공백) 35px(번짐 효과) -2px(범위) hsla(220, 15%, 55%, 0.15(명암)); 느낀점 굉장히 힘들었다. 내가 배운 구문이라고는 생활코딩에서 배운