반응형
- [TailwindCSS] 자주 사용하는 css className 모음(계속 추가중)주사위 clice자주 사용하는 tailwind class 이름을 정리해보자이 글에 없는 다른 className을 찾고 싶다면 다음 공식문서에서 확인 할 수 있다: https://tailwindcss.com/또한, 카카오 엔터 기술블로그에서도 tailwind css 사용기에 대해 정리해두었으니, 흥미가 있는 사람들은 한번 들어가서 보길 추천한다: https://fe-developers.kakaoent.com/2022/220303-tailwind-tips/ Tailwind CSS 사용기 | 카카오엔터테인먼트 FE 기술블로그서종만(coze) 생산성을 높이는 일을 좋아합니다. 오늘 1분 걸린 작업이 내일 30초 걸리는 방법을 발견하면 기뻐합니다.fe-developers.kakaoent.com 레이아웃(Layout)contain..
- 2024-05-29 14:39:08
- [JS] 비구조화 할당(구조분해할당) 쓰는 이유와 사용 방법주사위 clice자바스크립트 비구조화 할당(Object Destructuring Assignment)에 대해 알아보겠습니다 다른 언어에도 이와 비슷한 문법은 있습니다 다른 언어에서는 '구조분해 할당(Structuring/Pattern Matching/Destructuring Assignment)' 이라고 부르는데, 둘 다 같은 문법과 기능이며 자바스크립트에서만 특별히 비구조화 할당이라고 부릅니다 비구조화 할당을 쓰지 않고 코딩하기우선 비구조화할당을 사용하지 않고 코딩을 해보겠습니다 다음과 같은 사용자의 이름, 키, 국적을 저장하는 객체가 있다고 가정해봅시다const user = { name: 'clice', height: 183, country: 'Korea' }; 그런다음 사용자의 이름, 키, 국적을 출력하려면 다음과..
- 2024-04-30 15:28:25
- [HTML] 자주 사용하는 태그 모음/헷갈리는 태그 모음주사위 cliceHTML을 영단어 외우듯이 암기하고 있는 개발자는 없다. 항상 필요할 때 마다 검색을 해보고, 그때 그때 사용하는 편이다 이번 글에서는 진짜 자주 사용하는데, 정작 헷갈리는 태그들에 대해 정리해보자 반드시 다 외우라는 것이 아니다! 여러번 보면 자연스럽게 익숙해듯이, 이번 기회에 한번 더 보라는 취지의 글이다. CSS-Tricks 에서 제공한 자료에 따르면 가장 유명한(자주 쓰는) HTML 태그는 위와 같다 그럼 진짜 자주 쓰지만, 정작 헷갈릴 때가 많아 항상 검색해보는 태그들에 대해 알아보자 주석이다 가끔 // 나 /* 을 사용하는 경우가 있는데, 이건 Javasciprt 주석이다. 이걸 헷갈리는것 만큼이나 쪽팔린건 없으니까 꼭 기억하자 문서의 구획을 정의한다. 실제 프로젝트에서 CSS와 함께 활용할 ..
- 2024-02-11 00:46:39
- [JavaScript] 주간모드/야간모드 버튼으로 바꾸기주사위 clice생활코딩 책을 보고 실습 🎲 코드 🎲 실행결과 night버튼을 누르면 야간 모드로 day버튼을 누르면 주간 모드로 바뀌는 것을 확인할 수 있다
- 2023-11-12 14:54:04
- [HTML CSS 기초] CSS파일을 HTML파일에 적용하기주사위 cliceCSS 파일을 HTML 파일에 적용해보자 1. css 파일을 만든다 2. 태그 안에 아래 코드를 작성한다 아래처럼 head태그 안에 넣으면 된다 style.css 는 css 파일 명이다 ./은 파일 경로를 나타내며, 현재 나는 css 파일과 html파일을 동일한 폴더 안에 만들어서 동일한 폴더라는 의미로 ./라고 썼다 만약 동일한 폴더안에 있지 않으면 경로를 적어주면 된다 *예를 들어 html은 alpha폴더에 있고 css파일은 beta폴더의 test 폴더 안에 있다면 href="beta/test/style.css" 라고 작성한다 왜 body 태그 안에 넣으면 안 될까? 로딩 성능 및 렌더링 효율 때문이다. 브라우저는 HTML 문서의 부분을 먼저 처리하고 페이지의 레이아웃을 그리기 위해 스타일 정보를 기..
- 2023-11-12 01:37:13
반응형
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)