개인 공부용 블로그

업무를 하다보니 PC버전과 mobile 버전을 구분해서 사용하는 곳이 있었다. pc버전 하고 mobile버전을 하는데 계속 휴대폰을 번갈아 보면서 하는 수고를 덜기 위해 팀장님께 정보 획득 +1 https://chrome.google.com/webstore/category/extensions?hl=ko Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com 크롬 웹스토어에 user라고 검색하면 많은 플러그인이 나온다. https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=ko User-Agent ..

Settings > Color Scheme > CSS Inherit values from 체크 해제 원하는 색으로 지정해준다.

phpstorm 에서 링크를 연결해야 했었는데 그냥 가져다가 복붙하면 안되더라. 그래서 확인해보니 http나 https를 맨 앞에 붙여야 했다. phpstorm 내 link연결 방법: http:// 나 https://를 앞에 붙인다. [연결 예시] 급 궁금해진 HTTP와 HTTPS의 차이는 무엇인가? HTTP는 암호화가 되지 않아 보안에 취약(단순 정보 조회정도 처리라면 HTTP 이용) HTTPS는 암호화 방식을 활용해 안전성 확보(민감한 데이터를 주고받아야 한다면 HTTPS를 이용) 참고자료 [Web] HTTP와 HTTPS의 차이점

phpstorm을 사용하다보니 !== 이나 != 등의 부호가 평소 보던 부호와 달랐다. 검색해보니 나와 같은 고충(?)을 겪고 있는 사람들이 많았다ㅋㅋ https://www.jetbrains.com/help/phpstorm/reader-mode.html Reader mode | PhpStorm www.jetbrains.com phpstorm 에서도 합자모드 on, off하는 것도 있긴 하더라. 체크 해제 체크되어있다면 해제할 것 체크해제를 모두 했음에도 이상한 부호는 없어지지 않았다. 어떻게 해야하는 것?? ++11.23추가 기록 확인해보니 plugIn에서 theme가 문제를 일으키고 있었음. 현재 테마는 Black bird 였는데 이 테마를 하게 될 경우 기존의 부호가 제대로 나오지 않았다. 그래서 다..

ScrollReveal 바로가기 1. 적용해보기 상단의 Guide를 클릭해서 cdn을 html에 넣어준다.

slick slider 바로가기 1. slick 다운로드 및 js, css 파일 다운하기 우측 상단의 get it now를 클릭해서 Download Now 클릭 고고. View On Github 바로가기 아래의 링크를 head 태그에 넣어주어야 한다. js파일도 추가 slick slider의 형식 1 2 3 4 5 6 2. 만들어보기 참고자료 slick slider 사용법 및 옵션 (반응형 포함) - 삽질중인 개발자

폰트어썸을 적용하려면 본인의 이메일을 전송해 개인의 cdn 넘버를 부여받아야 한다. 번거롭다면 아래의 cdnjs를 통해 받을 수도 있다. 1번: version의 종류 2번: css, js 등의 종류 cdnjs.con 바로가기 폰트어썸 적용하기 [head태그 적용 예시] 버전별 아이콘 차이 버전4 class="fa" // 버전5 class="fas" 아이콘 불러오기 폰트어썸 바로가기 유료결제가 아니어도 기본적으로 사용할 수 있는 icon은 많다. 위의 코드를 클릭하면 자동 복사가 된다. 폰트어썸은 기본적으로 i태그를 사용한다. 아이콘 클래스에 별도 클래스를 삽입해 크기를 조절할 수 있다. 클래스 명 확대 사이즈 fa-lg 33% 확대 fa-2x 2배 확대 fa-3x 3배 확대 fa-4x 4배 확대 fa-5..

우측 점3개 클릭 Autodetect를 눌러 자동으로 경로를 잡아줄 수 있도록 한다. 오른쪽 ...버튼을 눌렀을 경우 이런 창이 뜨는데 여기서 Host주소와 name, password를 넣고 확인. FTP: 21 SFTP: 22 로 자동 지정 된다.

File > Setting > Appearance > Theme 에서 변경 가능 나는 blackbird 로 변경 했다. id, class, img 등에 색상이 뚜렷하게 구분되서 내 기준에서 가독성이 좋다고 판단되어서 😊 또 언제 변경할지 모르겠지만.. ++21.11.25 추가 코딩을 하다보니 !== 나 != 의 부호가 이상하게 간략하게 작성되는 경우가 발생했다. 꽤 많은 사람들이 같은 현상을 겪었고 phpstom 에서 리더모드를 해제하면 된다기에 동일하게 해보았지만 별다른 사항을 발견하지 못했다. 혹시나 해서 theme을 원래 blackbird 로 했었는데 theme을 기존에 있던 것으로 변경해보았다. 역시.. 원래대로 돌아왔다. 과도한 커스텀은 좋지 않다.. 절레절레 리더모드 해제하기

https://owlcarousel2.github.io/OwlCarousel2/ https://www.jqueryscript.net/demo/Powerful-Customizable-jQuery-Carousel-Slider-OWL-Carousel/#how-to 태그 안에 경로 설치하기 태그에 위 두개 CSS파일을 포함시킨다. 📌owl.carousel.css 파일 필요하며 css파일은 js파일 앞에 있어야 한다. 📌owl.theme.default.css : 선택사항. 기본 탐색 컨트롤이 필요할 경우 필요하다. 📌첫번째로 jquery파일 📌두번째로 caruosel.js 파일을 넣는다. MarkUP Your Content Your Content Your Content Your Content Your Conten..