blog.

아래 문서를 참고해서 키보드 입력 시 크롬 플러그인이 실행되는 방법을 설명한다. https://developer.chrome.com/docs/extensions/reference/commands/ chrome.commands - Chrome for Developers Build the next generation of web experiences. developer.chrome.com 1. manifest.json에 추가 "background": { "service_worker": "service-worker.js" }, "permissions": ["activeTab", "scripting"], "commands": { "action1": { "suggested_key": { "default": "Ct..

chrome 공식 문서 >> https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/ Chrome Extension development basics - Chrome for Developers What to expect during the development of a Chrome extension. developer.chrome.com Source Code >> manifest.json { "manifest_version": 3, "name": "Hello Extensions", "description": "Base Level Extension", "version": "1.0", "action": { "default_..

🌿 오늘 TIL 3줄 요약 1. 파이어폭스는 게코(gecko), 사파리는 웹킷(webkit), 크롬, 마이크로소프트 엣지는 블링크(blink)라는 엔진을 사용한다. 🌿 오늘 읽은 범위 에피소드16 ~ 에피소드21 🌿 책에서 기억하고 싶은 내용을 써보세요. 1. [에피소드 16] 인터넷 익스플로러가 사라진 이유와 브라우저 엔진 - 파이어폭스는 게코(gecko), 사파리는 웹킷(webkit), 크롬, 마이크로소프트 엣지는 블링크(blink)라는 엔진을 사용한다. (+네이버 웨일도 블링크 사용한다) 🌿 궁금한 내용이 있거나, 잘 이해되지 않는 내용이 있다면 적어보세요. - blink엔진, v8엔진 : https://codecraft.tistory.com/entry/%EB%B8%8C%EB%9D%BC%EC%9A%..

🌿 오늘 TIL 3줄 요약 1. 라이브러리와 프레임워크의 차이점은 제어권이 누구에게 있냐이다. 2. 도메인을 만드는 것은 레시스트리로 대표적인 것은 닷컴(.com) 🌿 오늘 읽은 범위 에피소드11 ~ 에피소드15 🌿 책에서 기억하고 싶은 내용을 써보세요. 1. [에피소드 11] 라이브러리, 프레임워크 라이브러리 프레임워크 - jqury, booststrap - 제어권이 개발자 에게 있다. - spring, django - 제어권이 개발자에게 없다 2. [에피소드 14] 도메인은 왜 돈을 주고 사야할까 ? - 도메인을 만드는 것은 레지스트리다. 대표적인 것은 닷컴(.com) - 레지스트리는 IP 주소와 도메인을 적은 전화번호부이다. - 도메인을 구매하면 레지스트리 운영사가 아니라 리셀러에게 돈을 지불하는 ..

immutable과 mutable - immutable 객체 > 생성된 이후 수정 불가능 > 이미 존재하는 객체이더라도 새로운 객체를 생성하여 재생성 - mutable 객체 : 수정 가능한 객체 > 생성된 이후 수정 가능 > 이미 존재하는 객체에 재할당 파이썬에서의 immutable, mutable 객체 Immutable 객체 int, float, str, tuple Mutable 객체 list, dict 참고 > - 레벨업 파이썬 immutable과 mutable https://wikidocs.net/91520 - Java의 Mutable과 Immutable https://velog.io/@guswlsapdlf/Java%EC%9D%98-Mutable%EA%B3%BC-Immutable

🌿 오늘 TIL 3줄 요약 - 인터프리터 언어는 실행할 때마다 '인터프리터'라는 프로그램이 컴퓨터에게 코드를 기계어로 번역해주고 대표적인 언어로는 Python, JavaScript, PHP가 있다. - 컴파일 언어는 프로그램 전체를 스캔하여 이를 모두 기계어로 번역한다. 대표적인 언어로는 C, C++, Java가 있다. 🌿 오늘 읽은 범위 에피소드 6 ~ 에피소드 10 🌿 책에서 기억하고 싶은 내용을 써보세요. 1. [에피소드 8] 파이썬이 C언어보다 느린 이유는 ? - 프로그래밍 언어는 크게 인터프리트 언어(interpreted language), 컴파일 언어(compiled language)로 번역된다. 인터프리트 언어 컴파일 언어 - 동시 통역으로 비유 가능 (실행 할 때마다 '인터프리터'라는 프로..

오늘 TIL 3줄 요약 - 파이썬의 로고는 비단뱀 2마리 - c#의 유래 오늘 읽은 범위 에피소드 1 ~ 에피소드 5 책에서 기억하고 싶은 내용을 써보세요. 1. [에피소드4] 언어 이름의 유래 - 자바 : 좋아하던 커피 종류가 인도네시아의 섬 자바에서 생산한 원두, 커피 로고가 있음 - 코틀린 : 러시아의 섬 - 자바스크립트 : 모카 -> 라이브스크립트 -> 자바스크립트 - 파이썬 : 코미디 쇼의 이름 , 비단뱀의 의미로 로고가 비단뱀 2마리 - 고 : 동물 마스코트 두더지_GOPHER 2. [에피소드5] C# : 기업에서 만든 언어로, 'C# 언어는 마이크로소프트가 만든 자바 언어'라고 해도 무방 - 마이크로소프트 닷넷이라는 윈도우 프로그램 개발하기 위한 도구에서 사용 오늘 읽은 소감은? 떠오르는 생..

yes24 구매링크 - https://www.yes24.com/Product/Goods/113463430 IT 5분 잡학사전 - 예스24 개발자는 다 맥북을 써야 하나?”와 같은 사소한 질문부터 “서버가 대체 뭔지?”까지~♬전공자와 비전공자 모두 알고 싶어 하는 질문을 5분 안에 해결해 주는 IT 잡학사전이 나왔다!IT 분야 직장 www.yes24.com - ebook : https://www.yes24.com/Product/Goods/117165555 [전자책]IT 5분 잡학사전 - 예스24 개발자는 다 맥북을 써야 하나?”와 같은 사소한 질문부터 “서버가 대체 뭔지?”까지~♬전공자와 비전공자 모두 알고 싶어 하는 질문을 5분 안에 해결해 주는 IT 잡학사전이 나왔다!IT 분야 직장 www.yes24...

얕은 복사(shallow copy)와 깊은 복사(deep copy) - 얕은 복사 : 원본 값과 복사된 값이 같은 참조(=메모리 주소)를 가리키는 것 > 객체 안에 객체가 있는 경우, 한 개의 객체라도 원본 객체를 참조하면 얕은 복사라고 볼 수 있음. - 깊은 복사 : 새로운 메모리 공간을 확보해 완전히 복사하는 것 파이썬에서의 얕은 복사(shallow copy)와 깉은 복사(deep copy) https://wikidocs.net/16038 12. 얕은 복사(shallow copy)와 깊은 복사(deep copy) ## 1. mutable과 immutable 객체 객체에는 mutable과 immutable 객체가 있습니다. ❈ 객체 구분 표 class 설명 구분 l… wikidocs.net dfs 알고..

See the Pen grid by soo-toance (@soo-toance) on CodePen. nomadcoders 강좌 들으면서 display:grid를 통해서 div 세팅하는 것을 보고 관련 css 속성을 정리했다. grid-template-* grid-template-colums : 세로 지정 가능 grid-template-rows : 가로 지정 가능 repeat()함수와 fr : - repeat() : 각각 입력하지 않고 repeat(반복할수, 반복할크기)를 통해서 지정할 수 있다. - fr : 사용 가능한 공간의 일정 범위를 가리킨다. 그래서 아래와 같은 화면을 만들려면 ? (노마드코더 예시) See the Pen grid-2023 by soo-toance (@soo-toance) on ..