개발/html,css,tailwind(8)
-
a 태그와 보안
https://yozm.wishket.com/magazine/detail/1586/, 앵커 태그)들을 한 번 살펴보시기 바랍니다. 아마 전부는 아니지만, 일부 하이퍼링" data-og-host="yozm.wishket.com" data-og-source-url="https://yozm.wishket.com/magazine/detail/1586/" data-og-url="https://yozm.wishket.com/magazine/detail/1586/" data-og-image="https://scrap.kakaocdn.net/dn/bDQhx3/hyYCbJnJib/DlAhQU4DKpnFC3BUQb1ks0/img.png?width=594&height=674&face=248_517_359_638,https:..
2025.04.15 -
css 심화 with react
용어 정리 파싱: 코드를 분석하여 이해하기 좋은 구조로 만드는 것렌더링: HTML, CSS, 자바스크립트로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력 ---------------------------------------------------------------------------------------- 랜더 트리를 그리기 위해선 dom을 완성하고 cssom 을 그려야 한다. 하지만 우리에겐 js 또한 있다 한줄씩 실행하다 보면 html 읽으면서 dom 만들고 css 만나면 cssom 만들고스크립트 만나면 자바스크립트 코드를 실행하기 위해 렌더링 엔진에서 자바스크립트 엔진으로 제어권을 넘겨주고 종료시 이어서 dom 을 생성해 준다. 자바스크립트 엔진은 DOM API dom, CSSOM 을 ..
2025.04.09 -
<a> 심화편 noopener noreferrer
https://mathiasbynens.github.io/rel-noopener/#recommendations About rel=noopener0m6 you’ve been h4ck3d!!1one!shift!!!1 💩 About rel=noopener What problems does it solve? 2021 update: Browsers now implicitly set rel=noopener for any target=_blank link, following a spec change. If the demo on this page no longer seems scary, congratmathiasbynens.github.io rel="noopener noreferrer"를 사용하는 주요 이유는..
2024.12.11 -
개발관련 아이콘 모음 뱃지 만들기 feat. github
https://simpleicons.org/ Simple Icons3217 Free SVG icons for popular brandssimpleicons.org 여기서 퍼오면 됩니다
2024.10.30 -
모바일에서 hover 로 인하여 클릭시 색상 바뀌는 이슈
https://velog.io/@sangpok/Tailwind-Hover-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%97%90%EC%84%A0-%EC%A0%9C%EC%99%B8%ED%95%98%EA%B8%B0 Tailwind Hover 모바일에선 제외하기CSS에서 hover라는 Pseudo-classes를 사용하면 편하게 hover 효과를 구현할 수 있다. 그러나 여기엔 문제가 하나 있는데, 그것은 바로,, 모바일 기기에서는 hover라고 부를 효과가 없으며, 그대로 적용할velog.iohttps://velog.io/@nooroong/%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%9B%B9%EC%97%90%EC%84%9C-hover-%ED%9A%A8%EA%B3%BC-%EC%A0%9..
2024.10.21 -
그림자의 다양한 경우의 수
https://codingeverybody.kr/css-box-shadow-%EC%86%8D%EC%84%B1-%EC%98%AC%EB%B0%94%EB%A5%B8-%EC%9D%B4%ED%95%B4%EC%99%80-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95/
2024.10.17 -
2024 state of css 설문 시작
8월, 이른 감은 있지만 24년도 기준 설문조사가 시작되었군요 https://survey.devographics.com/en-US/survey/state-of-css/2024?source=announcement_email 한국인들의 통계를 추가해 줍시다 ㅎ 장점: 몰랐던 분야를 알 수 있다.
2024.08.28 -
State of HTML 2023
https://2023.stateofhtml.com/en-US State of HTML 2023While JavaScript was taking over the web, and CSS was gaining new superpowers year over year, it could seem like HTML was content to stay dormant, happy to cede center stage to its younger siblings. After all once you've learned about s and s 1 through 6,2023.stateofhtml.com https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-re..
2024.05.16