본문 바로가기

POST LIST489

한 달 동안 이용해본 class101 간략 후기 클래스101에서 구독제로 변경이 되면서 무려 1,000원에 한 달 동안 사이트를 이용해볼 수 있는 이벤트를 하길래 바쁜 플젝 중에도 저렴한 가격과 호기심에 홀딱 신청해보았고, 간간히 출퇴근길에 보면서 개인적으로 느낀점을 적어본다. (이용환경: iOS, Safari Browser) 제가 느끼기에 사이트를 이용할 때 제일 먼저 느낀 점은 다른 학습 사이트와는 달리 각 클래스마다 미리보기 사진 퀄리티가 굉장히 이쁘다는 것~ 즉, 다크한 배경에 심플하면서 퀄리티 있는 사진을 통해 사용자에게 각각의 클래스에 대해 신경을 쓰고 있다는 느낌과 전문가적 아우라를 느끼게 해주며, 배움에 대한 호기심을 높여주는 역할을 잘 해내고 있는 것 같다. 커리큘럼과 자료 정리까지 잘 정리되어 있는 부분이나 영상을 시청할 때 집중할 .. 2023. 1. 30.
[vscode 테마] Bearded Theme vscode 수많은 테마 중 제가 사용하고 있는 테마가 바로 "Bearded Theme". 그동안 노트패드, 에디트플러스, 어도비 브라켓, 서브라임텍스트, 인텔리J, 이클립스까지... 여러가지 편집 프로그램을 사용하면서 가장 공을 들이는 부분 중 하나가 바로 컬러테마 고르는 일 같은데~ 비주얼스튜디오코드(vscode)를 접하면서 구글에 추천 테마가 뭐 있나 정말 많이 찾아보기도 하고, 무작정 익스텐션 리스트에 있는 테마를 설치해보기도 했는데, 그 중에서 단연 "Bearded Theme"가 꽤 마음에 들어 현재 집과 회사에서 사용하고 있는 중이다. vscode에 Extension이나 마켓플레이스에서 설치 가능하다. "Bearded Theme"를 설치하면 30여개의 테마가 있는데, 개인적으로 컬러들을 잘 뽑.. 2023. 1. 25.
host 파일 위치와 관리자 권한 문제 호스트 파일 경로 C:\Windows\System32\drivers\etc 그런데, 윈도우 버전에 따라 관리자 권한이 필요하다. 폴더에서 직접 찾아 들어가서 hosts를 실행 및 수정하는 경우 위와 같이 안 되는 경우가 발생하기도 하는데, 이때는 먼저 메모장을 관리자 권한으로 실행한 후, 메모장 메뉴에서 "파일 > 열기"를 통해 hosts파일을 찾아 들어가면 된다. 2023. 1. 10.
CSS grid 간략 공부 개인적으로 지금까지 실무에서는 grid는 1도 사용하지 않고 있었다. 그 이유는 역시 익스플로러였...ㅋ 그러나 caniuse.com에서 살펴보니 ie를 제외하고는 거의 대부분의 브라우저에서 grid 사용이 가능하기 때문에 실무에서도 적극적으로 사용해보려고 한다. 코드 이제 아래 코드 예제로 간략히 알아본다. /* HTML */ ... ... ... ... /* css */ 위에서 조금 이해가 어려운 부분은 .item에 준 grid-column과 grid-row 속성값. 1/4, 2/4와 같이 수학의 분수처럼 표현된 부분은 calc와 같이 계산을 하는 것이 아니라 grid에서의 꼭짓점 좌표를 나타냄. 즉, 위와 같은 grid박스가 있다고 한 경우, 1/4는 꼭짓점 1번부터 4번까지, 2/4는 2번부터 4.. 2023. 1. 10.
https&http Mixed content 문제 오류 해결은 meta태그로 콘솔에서 Mixed Content 빨갛게 오류표기된 것을 발견했다. Mixed Content: The page at '{ ... }' was loaded over HTTPS, but requested an insecure script ' ... '. This request has been blocked; the content must be served over HTTPS. 번역 뭐라고 하는지 번역기를 돌려본다. https를 써서 파일을 제공하라는 의미~ 해결법 이 문제를 해결하기 위해서는 에 아래 를 넣어주면 간단히 해결된다. * 참고 url https://stackoverflow.com/questions/35178135/how-to-fix-insecure-content-was-loaded-over-ht.. 2023. 1. 6.
[git] LF will be replaced by CRLF ... 오류 "LF will be replaced by CRLF ......." 깃에서 "LF will be replaced by CRLF..." 라는 메시지가 나왔다. 오류는 언제나 싫다 싫다 싫다를 줄여... 씷다... ( 응? - . - ) LF는 Line Feed의 줄임말로 컴퓨터에서 커스를 한 줄 밑으로 내리라는 의미를 가진 코드라고 한다. 이때 유닉스 계열(리눅스, macOS 등)은 줄바꿈 시 LF만 쓰지만, 윈도우에서는 CR(Carriage Return)을 사용하기에 이런 줄바꿈 방식의 차이로 프로그램 오류가 발생할 수 있어서 git에서는 어떤 방식을 사용할지를 묻는 것. 해결 방법 //false (default): 파일에 있는 줄바꿈 문자 그대로 반영 git config --global core.aut.. 2023. 1. 5.
javascript로 style 삭제 방법 javascript로 html에 인라인 스타일로 들어가 있는 style을 삭제하려고 찾아보니 여러가지 다양한 방법을 찾을 수 있었다. 아래 코드들을 통해 정리해봄. 1. removeProperty() document.querySelector( 'button' ).onclick = function(){ const obj = document.getElementById( 'container' ); obj.style.removeProperty( 'border' ); } 2. 빈 문자열 document.querySelector( 'button' ).onclick = function() { const obj = document.getElementById( 'container' ); obj.style.border =.. 2023. 1. 2.
[자바스크립트] Keycode 이벤트 코드값 자바스크립트에서 키보드 이벤트 시 키코드 값을 키보드 배열을 참고해서 표로 정리해보았다. 기능키 ESC (27) Backspace (8) Insert (45) Home (36) PgUp (33) Tab (9) Delete (46) End (35) PgDn (34) CapsLock (20) Enter (13) Shift (16) Shift (16) ↑ (38) Ctrl (17) Alt (18) Spacebar (32) Alt (18) ← (37) ↓ (40) → (39) 알파벳 q (81) w (87) e (69) r (82) t (84) y (89) u (85) i (73) o (79) p (80) a (65) s (83) d (68) f (70) g (71) h (72) j (74) k (75) l (.. 2022. 12. 28.
slick slider 사용법과 옵션 캐러셀 중 개인적으로도 선호하는 라이브러리인 slick 사용법에 대해 알아보았다. 1. slick 파일 다운로드 및 적용 다운로드는 https://kenwheeler.github.io/slick/ 에서 "git it now" 클릭 후 ⏬ 코드 예시 your content your content your content ※ slick 캐러셀은 jQuery기반 라이브러리로 jquery 파일이 필수다. 2. 기본 사용법 /* 1개만 보여주는 경우 */ $( '.single-item' ).slick(); /* 여러개 보여주는 경우 */ $( '.multiple-items' ).slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3 }); 3. 자주 사용하는 옵션 .. 2022. 12. 28.
728x90
반응형

티스토리툴바