반응형
- [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
- [HTML] 자주 사용하는 태그 모음/헷갈리는 태그 모음주사위 cliceHTML을 영단어 외우듯이 암기하고 있는 개발자는 없다. 항상 필요할 때 마다 검색을 해보고, 그때 그때 사용하는 편이다 이번 글에서는 진짜 자주 사용하는데, 정작 헷갈리는 태그들에 대해 정리해보자 반드시 다 외우라는 것이 아니다! 여러번 보면 자연스럽게 익숙해듯이, 이번 기회에 한번 더 보라는 취지의 글이다. CSS-Tricks 에서 제공한 자료에 따르면 가장 유명한(자주 쓰는) HTML 태그는 위와 같다 그럼 진짜 자주 쓰지만, 정작 헷갈릴 때가 많아 항상 검색해보는 태그들에 대해 알아보자 주석이다 가끔 // 나 /* 을 사용하는 경우가 있는데, 이건 Javasciprt 주석이다. 이걸 헷갈리는것 만큼이나 쪽팔린건 없으니까 꼭 기억하자 문서의 구획을 정의한다. 실제 프로젝트에서 CSS와 함께 활용할 ..
- 2024-02-11 00:46:39
- [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
- [맥북m2] 리액트 npm 프로젝트 생성 오류 ERR! 2가지 해결 방법주사위 clice🎲 문제 상황vs code를 통해 react를 설치하려고 했는데 에러가 '우수수' 쏟아졌다.모두 동일하게npm ERR! code EEISTnpm ERR! syscall mkdir 등등이 떴다일주일 내내 react를 설치하려고 구글링을 해서, 해결 방법 두가지를 찾았다 🎲 해결 방법1. npm modules 삭제가 가능할 때npm install EEXIST: file already exists 에러가 날때 사용할 수도 있는 방법이다 1-1 node_modules 삭제 비주얼 스튜디오 왼쪽에 있는 node_modules 를 삭제(delete)해준다 1-2 npm 재설치아래 코드로 npm을 재설치 해준다npm install npm audit fix 끝!!!! 이면 좋겠지만,,, 나의 경우 n..
- 2023-09-24 21:54:20
- [맥북] 맥북에 VScode로 HTML 실습환경 만들고 Chrome에서 열기(2024년.ver)주사위 cliceHTML을 처음 배울때 Atom을 설치하라고 배웠다 하지만! Atom은 2022년 말 서비스 종료가 되어서 더 이상 사용이 불가능하다 ㅠ.ㅠ 그래서 대체재를 찾다가 VSCode(Visual Studio Code)를 사용하는 방법이 있어서 소개해보려고 한다 방법은 총 3단계로 매우 간단하다 초보자라면 반드시! 꼭! 4번까지 읽어주세요.🎲 1. 비주얼 스튜디오 코드 설치하기https://code.visualstudio.com Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applicat..
- 2023-08-07 20:47:15
- [프론트] HTML과 CSS 개념, 차이주사위 clice🎲 1. HTML과 CSS HTML과 CSS는 웹 개발에서 중요한 역할을 수행하는 두 가지 언어로, 웹 페이지를 만들고 꾸미는 데에 필수적이다. HTML과 CSS는 서로 협력하여 웹 페이지를 완성시키는데, HTML은 정보의 구조를 결정하고, CSS는 그것을 디자인과 스타일링하여 보기 좋게 만들어준다. HTML이 건물의 구조라면 CSS는 건물의 외벽, 간판이다. 웹 개발자들은 이 두 가지 언어를 함께 사용하여 웹 사이트를 개발하고, 사용자 인터페이스를 디자인한다. 🎲 2. HTML HTML 은 웹문서를 만들 때 쓰는 마크업 언어이다. 홈페이지에 접속하여 이 버튼 저 버튼을 클릭하면 다른 페이지로 옮겨가곤 한다. 이렇게 텍스트 간 이동하는 것을 하이퍼텍스트 라고 한다. HTML은 하이퍼텍스트를 만들기 위해 ..
- 2023-08-05 15:42:04
반응형
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)