SCSS로 관리하는 체계적인 반응형 웹 개발 방법론
들어가며반응형 웹 개발을 하다 보면 동일한 미디어쿼리를 반복해서 작성하거나, 브레이크포인트 값이 파일마다 다르게 관리되는 문제를 겪게 됩니다. 이번 글에서는 SCSS의 변수, 맵, 믹스인을 활용해 일관성 있고 유지보
웹팁
총 657개의 글
사이트관리
스크린샷 찍는 방법
다양한 브라우저를 사용하는데 그 중 오페라가 요즘 장족의 발전을 한 거 같아 오페라를 요즘 즐겨 사용합니다.맥에서 단축키 Alt+Cmd+C 를 누르면 개발자도구가 펼쳐집니다.(Cmd+Shift+M을 누르면 기기툴바전
현재 메인 브런치는 그대로 사용하되, 라이믹스 코어 파일만 합칠거야
1 현재 메인 브런치는 그대로 사용하되, 라이믹스 코어 파일만 합칠거야. 나중에 깃 커밋할 때도 라이믹스 코어는 제외할거야.2. 다른 브런치를 만들어서 라이믹스 코어 업데이트할 때 그걸 쉽게 git pull 해서 업
phpstorm에서 .sass-cache 폴더는 Ftp 동기화에서 제외하려면
.sass-cache 폴더를 PhpStorm의 FTP 동기화에서 제외하려면, 다음 단계를 따르세요: 1) PhpStorm에서 프로젝트를 엽니다. 2) 메뉴에서 Preferences (또는 Settings)를 엽
HestiaCP PHP 설정 등
1. PHP단체메일을 발송하는데 시간이 오래 걸려 메모리 리밋을 올렸습니다.php.inimax_execution_time = 300 max_input_time = 300 memory_limit = 1024M2. My
git
git 제거 명령어
tests/unit/framework/filters/HTMLFilterTest.php1) 이 파일이 깃에 잘못 올라와있었다.아래 명령어로 깃에서 제거 가능git rm --cached tests/unit/framewo
git
git commit 할 때 항상 버전 표시가 업데이트 안되는게 아쉬운데 방법 없을까
git commit을 할 때 자동으로 버전 번호를 업데이트하려면 Git Hook을 사용할 수 있습니다. pre-commit 훅을 사용하여 커밋 전에 버전 번호를 업데이트하는 스크립트를 실행할 수 있습니다.1. 프로젝
git
git 지금 내가 소스 수정한게 있는데, 만약 git pull 하면 내 코드는 다 사라지나??
git pull을 실행하면 원격 저장소의 변경 사항을 로컬 저장소로 가져오고 병합합니다. 현재 로컬에서 수정한 코드가 있다면, git pull을 실행할 때 충돌이 발생할 수 있습니다. 하지만, 로컬에서 수정한 코드가
ckeditor 툴바 설정
(1) ckeditor 플러그인 설정1. 자동 줄높이https://ckeditor.com/cke4/addon/autogrowhttps://ckeditor.com/docs/ckeditor4/latest/examples
hestiacp 관리자 접속 안됨
1. 아이피:8083 으로 접속되지 않음2. 아이피로 접속 시 바로 관리자로 접속됨3. 서버에 올라와있는 모든 사이트 접속이 안됨4. nginx 실행 되면, hestia가 안되고,hestia가 실행되면 nginx가
자바스크립트 공부
자바스크립트는 사랑입니다.웹기술의 정점은 자바스크립트라고 해도 과언이 아닐 정도입니다.https://helloworldjavascript.net/https://helloworldjavascript.net/" styl
2025년 js를 대체하는 새로운 css기능들
2025년 js를 대체하는 새로운 css기능들CSS의 `scroll-behavior` 속성은 2016년부터 크롬브라우저를 거쳐 2020년 Edge브라우저까지 지원함 IE는 지원하지 않아 js를 이용하여 작업하였음 `
파일 디렉토리 백업
1. 파일 디렉토리 백업tar -czf ../public_ftp/files_backup.tar.gz ./files./public_html 에서 진행함.#리눅스 #파일이동 #파일백업2. 파일 확장자별 용량 및 갯수./
카카오지도 가려지는 문제
지도 일부만 보여지는 문제 - 지도/로컬 API - 카카오 데브톡 (kakao.com)카카오 지도를 사용하는데 지도가 일부만 보여지는 현상 발견됨.해결방법<div id="map" style="width: 100%;
메신저
카카오톡 알림톡 개발하기 #1
1. 서론기존에 작업한 그누보드 게시판 스킨에서 추가로 카카오톡 개발 작업을 의뢰받았습니다."그누보드 게시판 스킨 + 카카오톡 알림톡"알리고 알림톡 6.5원ncloud 7.5원solapi 9원1. 비즈니스 채널 신청
기타
WidgetBot - 디스코드 채팅 방을 블로그에 달자!
본문출처 : 💬 WidgetBot - 디스코드 채팅 방을 블로그에 달자! (tistory.com) 디스코드 오픈 채팅 위젯을 블로그에 달아봅시다 블로그를 이용하는 사람과 바로바로 디스코드로 대화할 수 있게, 디코
웹 제작
홈페이지를 만드는 방법에는 어떤 게 있나요?
홈페이지를 만드는 방법에는 몇 가지 방법이 있습니다.CMS 설치형CMS(Content Management System): WordPress, Drupal, Joomla!와 같은 CMS를 사용하여 웹 사이트를 만들 수
윈도우
갑자기 윈도우10 알트탭(alt + tab)이 정상 사용 안될 때 확인 및 처리 방법? : 네이버 포스트 (naver.com)
갑자기 윈도우10 알트탭(alt + tab)이 정상 사용 안될 때 확인 및 처리 방법? : 네이버 포스트 (naver.com)
XE게시판스킨 - 글보기 - 첨부파일 팝업 미리보기
참조https://aboveimagine.tistory.com/99
사이트맵 FAQ
https://sitemaps.org/ko/faq.html FAQ(자주 묻는 질문) Sitemap에서 URL은 어떻게 표시합니까?