분류 전체보기
-
Chrome Extension 개발 이제 여기에 react를 끼얹은...javascript 2021. 2. 12. 01:48
검색검색을 하다가 비교적 최신의, 귀여운 react로 만든 chrome extension 프로젝트를 찾았다. 이 문서는 아래 아티클에 대한 번역 + 따라가는 과정이 담겨있습니다. https://react.christmas/2020/12 Chrome Extension의 기초 extension에는 세가지 메인 컴포넌트가 있습니다. popup, content script, background script입니다. - Popup은 extension icon이 눌리면 뜨는 콘텐츠입니다. - Content script는 Javascript나 CSS로 된 코드이고, 현재 웹 페이지의 context에 주입(inject)됩니다. - Background script는 브라우저에서 분리된 인스턴스로 실행되는 javascrip..
-
Chrome Extension 개발 해보기 - Getting Started 따라하기javascript 2021. 2. 11. 23:30
Getting Started 따라하기 developer.chrome.com/docs/extensions/mv3/getstarted/ 를 따라해보자 Extension Components background scripts content scripts options page UI elements 기타 logic files Extension은 web 개발을 위한 기술들, JS, HTML, CSS로 이루어집니다. extension 기본 틀 만들기 extension을 생성할 폴더를 새로 만듭니다. manifest file을 생성합니다. --- 사실 manifest 파일만 있어도 extension 업로드는 됩니다 하하 background color를 변경하는 코드를 심어 봅시다 -> background script ..
-
[A와의 대화 여섯번째] 재즈, 애플뮤직의 추천 리스트를 듣는 A와의 대화A와의 대화 2021. 2. 7. 22:02
youtube.com/playlist?list=PLQI9GCKpH1Q0stzfYN-VfDn56-BfqKIi7 재즈, 애플뮤직의 추천 리스트를 듣는 A와의 대화 www.youtube.com - 뭐 하고 지냈어? "일단 그냥 일이 되게 바빴어. 퇴근을 항상 늦게 하고 주중에도 계속 일해서 시간이 되게 없더라고 항상. 그냥 아침에 눈 뜨고 일하기 시작해서 진짜 10시 11시에 퇴근하면 바로 자야 하니까. 아무튼, 일 말고 최근에 좀 시작한 재미있는 취미생활은 커피 마시는 거. 커피를 내리는 걸 좋아하는데, 장비를 좀 업그레이드했어. 뭐 대단한 건 아닌데, 수동 그라인더를 좀 더 좋은 걸로 샀어. 원래 커피가루 갈 때 균일한 정도가 중요한데, 고가와 저가의 차이가 조금 있더라구. 그거를 조금 균일하게 잘 갈리는..
-
[A와의 대화 다섯번째] Sondia, 적재, 이수현, BTS를 듣는 A와의 대화A와의 대화 2021. 1. 7. 00:34
https://www.youtube.com/playlist?list=PLQI9GCKpH1Q3cnEP5eP9i0mF_DozqVDYj BTS, sondia, www.youtube.com - 요즘 뭐 하고 지내? "이제 거의 1년 동안 스타트업 인턴 끝내고, 학기도 끝내고 창업을 준비하고 있어. 그동안 쌓아두기만 했던 아이디어가 너무 많아서 그거를 실현시킬 때가 왔다고 생각해. 학교의 창업 지원 프로그램을 신청했어." - 그럼 그동안 쌓아둔 아이디어라고 했는데 얼마 정도나 묵혀둔 거야? 마음속에서 되게 오래 준비한 거야? "가장 오래된 건 3년 정도 된 거 같아. 3년 전부터 모으기 시작했어." - 그럼 뭔가 지나가는 바람 같은 욕망이 아니라 되게 오래전부터 생각했나 보네. "사실 원래는 해커톤 대회 나가면서..
-
[React 튜터링 일지] React 기본 3, 4주차React.js 2020. 12. 15. 16:50
소소하게 React를 이용한 웹 개발 튜터링을 진행하게 되어 일지를 남긴다. 1. 또 Github 생각보다 Github으로 원활하게 협업하는 수준까지 전달하기는 쉽지않다. Pull Request 통한 작업 방법과, branch를 생성하는 기준, Head 등에 대해 설명 그 다음주 (4주차) 확인때도 원하는 레벨?이 아니어서 Git PR 통한 작업 반영 방법에 대해 다시 설명. PR 리뷰는 월요일까지 해주고, 리뷰에 대한 변경은 그 PR에 보이도록, 화-수 안에 반영하는 스케줄을 확정지었다. branch naming에 대해 논의 - 개인적으로는 fix/... feature/... 식이 좋다. 많이들 그렇게 쓰기도 하니까. 2. 코드리뷰와 함께 성장하다. 튜터링의 대부분 시간을 함께 코드리뷰 하면서 보낸다...
-
[typescript] nodejs 서버 구축하기 - 1javascript 2020. 12. 7. 19:27
medium.com/@hckcksrl/typescript-%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%B4-express-node-js-%EC%84%B8%ED%8C%85-12bbdd62513f 를 참조하여 nodejs, express api 서버를 구축해본다. TypeScript 을 사용해 Express , Node.js 세팅 TypeScript medium.com tsconfig 명세 알아보기 { “compilerOptions”: { "lib": ["es5", "es6"], "target": "es5", "module": "commonjs", "moduleResolution": "node", "outDir": "./build", "emitDecoratorMetadata": true, ..
-
[A와의 대화 세번째] JAMIE, Izzy Bizu, 희망찬 노래를 듣는 A와의 대화A와의 대화 2020. 12. 6. 14:56
A가 듣는 노래 - www.youtube.com/playlist?list=PLQI9GCKpH1Q11H8LSdCDla0UL_F08zGN6 위로가 되고 희망찬 노래를 듣는 A와의 대화 www.youtube.com - 요즘 뭐하고 지내? - 요즘은... 하던 프로젝트가 잘 끝나서 이제 만드려고 화면을 그리고 있어. - 플젝끝나는 거랑 화면 그리는 거랑 다른 거야? - 보통 보고가 통과되면 화면을 그려. - 플젝 끝났다는 말이 보고를 끝냈다는 뜻이구나? - 응. 이제 전 플젝은 보고를 통과하는 플젝이었고, 이번 플젝은 통과됐으니까 실제 오픈을 위해서 화면을 그리는 느낌? - 오 그렇게 말하는 게 나는 되게 생소하다. 플젝이 보고를 통과하기 위한 플젝이라는 게? 그럼 개인적으로 뭐가 더 어려운 거 같아? - 보고..
-
[React 튜터링 일지] React 기본 2주차React.js 2020. 12. 3. 13:13
소소하게 React를 이용한 웹 개발 튜터링을 진행하게 되어 일지를 남긴다. 1. Github Commit, Branch, Remote repository, staging 등 Pull Request 통한 코드 반영 필요성과 PR 생성 방법 develop branch 기준 개발하도록 전달 2. 코드리뷰 rendering function에 validation logic 있어서 분리 요청 함수에는 각자 "역할" "책임"이 있고 그에 맞게 적절히 분리되어야 한다.Class 내부의 method는 소문자로 시작하는게 국룰이다. radio button handling 코드 예시 추가 https://github.com/qnbz209/pogomgom-react/pull/1/commits/a60a9366a61ec6662e..