티스토리 스킨을 수정했습니다.쫌쫌따리 수정한거라 민망합니다!(그치만 한번에 다 고치기엔 너무.... 고되네요.. ㅜ.ㅜ) 1.  사이드바 카테고리 외에 로고 아래에도 가로 메뉴바 추가- 모바일 사이즈에서는 사이드바만 사용하는게 더 편할것같아서 보이지 않도록 작성했습니다. 2. 코드블럭 커스텀- 티스토리 코드블럭을 커스텀 했습니다.다른분들처럼 화려하게 여러 기능을 넣지는 못했지만너무너무 거슬리던 것들을 고쳤어요.이랬는데.. 요래되씀다!!

딥다이브 1회독을 마치지 못하고 스터디를 마무리 했었다.. 흠..부족함을 느껴서 다시 회독을 하기로 했고두번째로 읽으니 처음에 이해 못하거나 가볍게 넘어간 부분들이 보여서 조금더 보충된 내용들을 블로그에 기록을 남기기로 했당!

함수란?수학의 함수입력을 받아 출력을 내보내는 일련의 과정을 정의 한 것 프로그래밍 언어의 함수수학의 함수와 같은 개념, 일련의 과정을 문으로 구현하고 그 문들을 코드블록으로 감싸서 하나의 실행 단위로 정의한 것함수는 값이며 여러개 존재할 수 있으므로 함수를 구별하기 위해 식별자인 함수 이름을 사용할 수 있다. 함수 정의 - 함수 선언문이나 다양한 방법을 통해 일련의 과정을 함수로 정의 하는 것매개변수 (parameter) - 입력을 전달받는 변수인수 (argument)- 매개변수에 전달될 값, 입력하는 것반환값(return value) - 함수의 결과로 출력되는 값함수 호출 - 정의된 함수를 실행하는 것 함수를 정의한 뒤, 인수를 매개변수를 통해 함수에 전달하고함수의 실행을..

크롬 확장프로그램 만들기 part.1 (계기, 디자인&기획, 기본 준비 단계, 참고 문서) (내가쓰고싶어서.. )썸네일을 쉽게 만드는 크롬 확장프로그램을 만들었다. 아직 스토어 등록 심사중이지만 만드는 과정에서 알게된 내용을 간단하게 기록해보려 한다. 급하신분은 기본 준비단 youngsimi.tistory.com 해당 글을 따라서 작성했다면 기본적인 크롬 확장프로그램을 위한 준비는 끝났습니다. 이번 글에서는 manifest.json 파일을 좀더 보고 스토어에 등록하는 과정을 간단히 기록하려 합니다. manifest.json 자세한 내용은 크롬 개발자 공식 문서에 나와있지만 제가 작성한 manifest.json을 보면서 다시한면 이야기 하려고 합니다. 확장 프로그램 | Extensions | Chrome..

(내가쓰고싶어서.. )썸네일을 쉽게 만드는 크롬 확장프로그램을 만들었다. 아직 스토어 등록 심사중이지만 만드는 과정에서 알게된 내용을 간단하게 기록해보려 한다. 급하신분은 기본 준비단계와 참고만 살펴보시면 됩니다. 계기 블로그 글을 발행하면서 썸네일을 사용했다. 썸네일을 만들어주는 각종 서비스가 있지만 매번 맘에 들지 않아서 피그마와 포토샵을 이용해서 정성스레 컨셉을 가진 썸네일을 만들어냈다. 그러다 보니 블로그 글 발행이 너무 힘들고.. 지치고... 썸네일을 만들어주는 여러 서비스가 있지만 '이런 기능이 있으면 좋을거 같은데..', '내 블로그엔 이렇게 하고싶은데..' 이런 생각에 사로잡혀서 꾸역꾸역하다가.... 그래 이왕 이렇게 된거 하나 만들어보지 뭐! 라고 생각을 했다. 처음에는 크롬 익스텐션 보..

자바스크립트에서 랜덤 컬러값을 가져오는 함수를 만들어보자. 색상값은 rgb 혹은 hash값을 주로 사용하는데 내가 작성한 함수는 해쉬값을 랜덤으로 가져오는 함수이다. // 랜덤 컬러 생성 const setRandomColor = () => { const randomColor = Math.floor(Math.random()*16777215).toString(16); setPreview('bg-color', '#' + randomColor) } Math.random()은 0 이상 1 미만의 난수를 생성 hex 컬러의 FFFFFF에 해당하는 숫자 16777215를 곱한다. Math.floor()를 사용 소수점 이하를 제거하고 정수로 만든다. 0부터 16777214 사이의 랜덤한 숫자를 만들고나면 이걸 .toS..