[HTML] HTML
HTML- 웹 페이지의구조와 콘텐츠를 정의하는 마크업 언어- 구조: , , , - 시멘틱태그(SEO): , , , , , , - 텍스트: -, , , , - 리스트: , , - 테이블: , , , - 미디어: , , , - 폼: , , , , , , , , , ,
2025. 4. 4.
[웹개발] Frontend 키워드 정리
Frontend- Frontend: UI/UX를 구현하는 작업- HTML(웹페이지 구조 정의) / CSS(웹페이지 스타일 정의) / JavaScript(웹페이지에 동적 기능 추가) (개발 역량)- DOM 조작 및 이벤트 처리 / 반응형 웹 디자인(RWD) / 웹 성능 최적화(Lazy Loading, Code Splitting)- REST API 및 GraphQL 통신 / 상태관리(Redux, Recoil, Vuex, Zustand) / 웹보안(XSS, CSRF) (개발 환경)- 패키지 관리자(npm, yarn)- 번들러 및 빌드 도구(Webpack, Vite)- 스타일링(Tailwind CSS, Styled Components, Sass)- 테스트(Jest, Cypress, React Testing Li..
2025. 4. 2.
[CSS] 그래픽 효과
그래픽 효과더보기/* 투명도 */opacity: 1;/* 박스 그림자 효과. 가로축, 세로축, 흐림정도, 색 */box-shadow: 20px 20px 30px gray;/* 텍스트 그림자 효과. 가로축, 세로축, 흐림정도, 색 */text-shadow: 10px 10px 30px gray;/* 박스 둥글게 설정 */border-radius: 30px;border-radius: 50%;/* 배경 그라데이션: 방향, 출발색, 도착색 */background: linear-gradient(to bottom, blue, red);background: linear-gradient(to top, blue, red);background: linear-gradient(to left, blue, red);backgrou..
2025. 3. 6.
