quantumcode

JSON.stringify() JSON.stringify() 메서드는 자바스크립트 객체를 JSON 문자열로 변환하는 데 사용됩니다. 이 메서드는 서버에 데이터를 보내거나 로컬 스토리지에 객체를 저장할 때 유용합니다. JSON.stringify()는 세 개의 매개변수를 받을 수 있으며, 그중 하나만 필수입니다.구문javascript코드 복사JSON.stringify(value, replacer, space);매개변수 설명1. value (필수):JSON 문자열로 변환할 자바스크립트 값입니다.이는 객체, 배열, 문자열, 숫자, 불리언 또는 null일 수 있습니다.예를 들어:const obj = { name: "John", age: 30 }; const jsonString = JSON.stringify(obj..

@use "sass:map"; 선언방법:변수를 아래와 같이 선언한다$config: (a: (b: (c: d))); 적용방법:적용시 아래와 같이 적용한다.@debug map.get($config, a, b, c); // d  적용예시) @use "sass:map";$font-weights: ("regular": 400, "medium": 500, "bold": 700);@debug map.get($font-weights, "medium"); // 500@debug map.get($font-weights, "extra-bold"); // null

responsive key 값에 배열타입으로 각각 브레이크 포인트 마다 객체형태로 구현한다.settings key값을 사용하여 기본 설정으로 구간별로 변경할 수 있다.$(".slider").slick({ arrows: false, dots: false, slidesToShow: 10, slidesToScroll: 1, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 6, }, }, { breakpoint: 768, s..

적용 방법:$(".slick-slider").on("afterChange", function(){  ...});  레퍼런스: afterChange(slick, currentSlide)슬라이드 후 호출 beforeChange(slick, currentSlide)슬라이드 전 호출 적용 예시)const sEl = $(".slider"); const elem = $(".slider .box"); $("#count").html( "1 / " + elem.length + "" ); sEl.slick({ dots: true, arrows: true, infinite: true, autoplay: true, ..

cli환경에서 기존 프로세서 종료 방법 :lisof 도음내용:lsof 4.91 latest revision: ftp://lsof.itap.purdue.edu/pub/tools/unix/lsof/ latest FAQ: ftp://lsof.itap.purdue.edu/pub/tools/unix/lsof/FAQ latest man page: ftp://lsof.itap.purdue.edu/pub/tools/unix/lsof/lsof_man usage: [-?abhlnNoOPRtUvVX] [+|-c c] [+|-d s] [+D D] [+|-f[cgG]] [-F [f]] [-g [s]] [-i [i]] [+|-L [l]] [+|-M] [-o [o]] [-p s] [+|-r [t]] [-s [p:s]] [-S [t..

윈도우용 : Ctrl + Shift + B : 코드 정리 Ctrl + [ or ] : 들여쓰기 alt + z : 자동줄바꿈 shift + alt + 클릭 or 드래그 : 동일 열 위치 수정 Ctrl + Shift + L : 함수명, 변수명 동시 변경 shift + ctrl + 좌우 방향키 : 텍스트 단위 선택 파일 열기: Ctrl + P 현재 열려있는 파일 닫기 : Ctrl + W 열려있는 모든 파일 닫기 : Ctrl + Shift + W 파일 저장: Ctrl + S 탭 이동: Ctrl + Tab 이전에 사용한 파일 열기: Ctrl + Q 단어 단위로 커서 이동: Ctrl + Left Arrow / Ctrl + Right Arrow 라인 전체 선택: Ctrl + L 라인 삭제: Ctrl + Shift +..

nvm (node version management) 1. homebrew 설치하기 : 아래 링크에서 참고 https://quantumcode.tistory.com/56 homebrew 설치 homebrew (홈브류) 소프트웨어 패키지 관리 시스템 : mac OS 운영 체제의 소프트웨어 설치를 단순하게 만들어준다. 설치 링크 : https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 1. quantumcode.tistory.com 2. brew install nvm 3. nvm 을 설치했다면 환경 변수를 설정해야한다. 4. 환경변수를 설정하기위한 폴더 생성 mkdir ~/.nvm 5. vi ~/...

homebrew (홈브류) 소프트웨어 패키지 관리 시스템 : mac OS 운영 체제의 소프트웨어 설치를 단순하게 만들어준다. 설치 링크 : https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 1. 터미널을 열고 홈브류에서 제공하는 설치 링크로 설치한다. 2. 설치가완료되면 다음 스텝에 대한 안내에 따라 터미널에서 추가 입력한다. ( 아래에서 안내하는 두개의 명력어를 실행한다. ) ==> Next steps: - Run these two commands in your terminal to add Homebrew to your PATH: (echo; echo 'eval "$(/opt/homebre..

아래 링크의 사이트는 웹상에서 가장 많이 사용되는 HTML 데이터 키워드 볼륨으로 선택한 약 3천만 개의 키워드에 대해 상위 20개 Google 결과에서 수집한 1,130만 개의 색인 페이지에서 가져옵니다. 이 데이터를 기반으로 가장 많이 사용되는 태그 위주로 html 태그를 익혀보세요. https://www.advancedwebranking.com/seo/html-study/ HTML Study | Advanced Web Ranking This study looks at 11 mm index pages gathered from Top 20 Google results to uncover how people write HTML markup as new web tech emerge. www.advancedw..

처음 개발 언어를 배울때 무슨 언어를 배워야할지 고민이 될때가 많습니다. 막연히 좋아하는 언어, 코딩방식이 마음에 들거나 혹은 단순히 개발언어 이름이 마음에 들어서 선택하는 경우도 보았습니다. 개발 언어를 배운다는 것은 많은 시간과 노력이 필요합니다. 그리고 시대적인 트랜드에 맞지않는 개발언어는 사라지는 경우 많이 있습니다. 개인적 판단으로 언어를 선택하고 배운다는 것은 상당한 리스크를 감수해야 합니다. 그럼 리스크를 최소화하고 시대적 흐름에 맞는 개발 언어를 선택할 수 있는 방법은 없을까요? 레거시 소스들이 어떤 개발 언어로 구축되어있으며 현업에 있는 개발자들이 어떤언어를 주로 사용하며 관심을 갖고있는지 등을 데이터로 확인 할 수 있다면 우리가 감수해야하는 리스크를 조금이나마 해소할 수 있을것 같습니다..