티스토리

TL&D
검색하기

블로그 홈

TL&D

tozoku.net/m

컴퓨터, 프로그래밍, 블록체인, S/W, A.I, Python, JavaScript

구독자
21
방명록 방문하기
공지 Tistory 초대장 10장 모두보기

주요 글 목록

  • Cloudflare 내 서비스의 캐시는 잘 동작하는 걸까? Cloudflare 를 사용하는 많은 사용자들이 생각보다 놓치고 있는 부분입니다. Cf-Cache-Status 는 기본적으로 HIT 가 설정되지 않는 이상 대부분 캐싱이 적중하지 않았다는 의미입니다. 대표적으로 DYNAMIC 은 Cloudflare가 판단할때 캐싱할 가치가 없다고 판단한건데 대표적인 이유는 공식문서에서 기재되어 있습니다. 위 이미지 및 링크에 명시된 확장자의 경우 별도의 설정 없이도 기본적으로 캐싱에 반드시 적중합니다. 하지만 첫줄 내용을 읽어보면 HTML은 기본적으로 cache 하지 않는다고 합니다. 이유는 동적 컨텐츠가 많기 때문이겠죠? 이걸 해결하기 위해서는 cloudflare 에 등록한 도메인별 캐시 설정이 필요합니다. 캐시 룰을 위와 같이 설정합니다. 캐시 적합성 -> 캐시에 적.. 공감수 137 댓글수 1 2024. 3. 30.
  • Remix.js Dark Theme 설정 Nuxt3의 nitro가 Cloudflare Pages Functions에서 GET 메소드 이외의 처리를 하지 않은 크나큰 충격으로 Vercel을 손절하고 갈아탄 Remix도 역시 나사가 몇가지씩 빠져있었습니다. Vue Svelte Astro Nuxt2 Nuxt3 Sveltekit 등 다양한 Reactive Framework를 사용해왔지만, React는 JSX 문법이 싫어서 항상 꺼려왔는데 대부분의 프레임워크가 Vercel이 관여하고 있어서 결국 Remix로 돔황쳤습니다. Nuxt3와 Astro의 강제 주입식 문법으로 인해서 React의 함수들이 어색하진 않았는데 리믹스의 문제점은 크게 2가지가 나타났습니다. - 뒤로가기 캐싱 안됨. 일부러 그런건지는 모르겠지만 이전페이지 데이터를 다시 불러옵니다. 이럴.. 공감수 277 댓글수 0 2023. 2. 8.
  • 메이플 커마 - 메애기 코디 분석 및 공유 서비스 공개 https://maple.curma.cc 메이플 코디 공유 메이플스토리의 다양한 유저들의 코디를 확인하고 내 코디를 공유해보세요! 가장 많이 사용한 코디부터 같은 부위를 사용한 다른 코디까지 지금 바로 만나 보실수 있어요! maple.curma.cc 메이플 커마는 메이플스토리 캐릭터의 코디 정보를 분석 및 공유하는 써드파티 서비스입니다. 개발 계기 메이플 스토리의 코디 정보를 보여주는 메이플지지의 경우는 캐릭터명을 통한 검색이며, 특정 캐릭터에 대한 빅데이터를 모아 해당 캐릭터의 통계 그리고 전체 빅데이터를 가지고 다시 전체 통계를 산출하는 등의 서비스 입니다. 메이플 지지의 코디 컬렉션은 극히 일부 기능일 뿐입니다. 또한, 메이플 스토리 공식홈페이지에 게시되어 있는 코디 베스트라는 기능이 있습니다. 코.. 공감수 4,768 댓글수 0 2023. 1. 29.
  • Cloudflare D1 로컬 모드 wrangler d1 execute --local --file=schema.sql wrangler d1 execute example --local --file=schema.sql schema.sql 은 backup된 데이터를 cloudflare d1 대시보드에서 다운받거나, 아래 명령을 통해 backup 본을 다운받습니다. 다운받으면 sqlite의 파일로 dump된 파일을 뱉는데, 이걸 DB Browser for Sqlite 같은걸이용해서 연뒤, 데이터베이스 내보내기를 SQL 확장자로 내보내면 DDL과 DML을 뱉습니다. 해당 sql의 파일명이 길어서 불편하니 schema.sql 로 바꾸고 다시 맨처음 명령 실행하면 되는데 D1_ALL_ERROR 발생시 프로젝트 폴더내 .wrangler/state/d1 .. 공감수 73 댓글수 0 2022. 12. 10.
  • Cloudflare D1 Database Sqlite3 Alpha 사용 후기 Cloudflare 의 서버리스 제품에서 굉장히 오랫동안 기다려오고 D1의 예고가 등장하자마자 존버의 존버를 했던 바로 Serverless DB의 결정체 sqlite3 기반의 DB 제품입니다. 현재는 Alpha 버전으로만 제공하고 있지만, 현재까지 출시된 d1-ORM 이나 Prepare로 사용되는 better-sqlite3 를 사용하고 있다는 점을 보았을때는 문법의 변경은 크게 나타나지 않을 것 같습니다. 또한, 서버리스의 DB 이자 Sqlite3를 이용하여 Edge 단에서 동작하는 Cloudflare의 특징을 잘 살려낸 만큼 여타 서비스들과 마찬가지로 HTTP REST API를 통해 제공도 하는데, DB가 읽기 전용 토큰으로 사용해서 노출되도 괜찮다면 경우에 따라서는 클라이언트가 직접적으로 통신도 가능.. 공감수 127 댓글수 0 2022. 12. 10.
  • AI 이미지 프롬프트 추출 Browser JavaScript 기반 Novel AI와 Web UI를 통해 생성한 AI 이미지는 우클릭 이미지 복사나 별도의 프로그램이나 서비스를 통해 재생성을 하지 않는 이상, PNG 파일 헤더내의 chunk로 정보를 저장합니다. 당연하게도 positive prompt(긍정 프롬프트) 또는 negative prompt(부정 프롬프트)가 길어질 수록 파일의 크기도 커집니다. 하지만 이러한 정보가 있어야 많은 사람들이 AI 이미지를 생성할 때 이를 참고하여 이러한 이미지를 만들 수 있구나 혹은 돚거(도적)질을 할 수 있게됩니다. 서버를 거치지 않고, 오직 클라이언트 JavaScript만을 사용하여, 이미지내에서 프롬프트를 추출하는 서비스를 만들게되어 공개합니다. Demo https://prompt.tlnd.cc AI Generate Image.. 공감수 255 댓글수 0 2022. 12. 5.
  • NSFW.JS 를 빠르게 사용하기 https://gmyankee.tistory.com/381 NSFWJS + TFJS WASM + Web Worker 개요 한국어로는 후방주의 ㅎㅂ) 이런식으로 혼자있을때가 아닌 경우 음란물이 있을 수 있으니 주의하라는 의미로 많이 사용하는 용어인데, 영어로는 nsfw(not safe for work) 라고 표현합니다. nsfwjs gmyankee.tistory.com 지난번에 게시한 NSFW JS의 Demo 페이지를 추가하였습니다. Demo https://nsfw.tlnd.cc NSFW JS + WASM on Web Worker - with Tensorflow.js wasm version - with Web Worker Not Main Thread - don't request upload a server.. 공감수 77 댓글수 0 2022. 12. 5.
  • Gorm 에서 constraint로 OnDelete 설정이 안될 때 Go언어 에서 많은 ORM이 있지만, 여러가지 써보아도 결국 GORM으로 회귀하게 됩니다. 매우 많은 기능과 이미 많이 쌓인 커뮤니티 그리고 사용이 쉽기 때문이죠. 그런데 제약사항 설정 중 on delete CASCADE를 설정한다던가 SET NULL 을 넣는다 등을 Auto Migrate 과정에서 진행하고 싶을 수 도 있습니다. 당연히 ORM 코드상에서 명시하여 DB에 자동설정이 되어야 orm을 쓰는 의미가 있기도 하구요. Node.js의 대부분 ORM들은 물리적 db에 이과정을 진행하지 않는 경우가 많긴 하지만요. 하지만 foreignKey에 constraint를 넣어도 물리 DB상에서는 constraint로 on delete on update가 적용되지 않는 현상이 있습니다. 이럴 경우 GORM에서.. 공감수 60 댓글수 0 2022. 10. 29.
  • NSFWJS + TFJS WASM + Web Worker 개요 한국어로는 후방주의 ㅎㅂ) 이런식으로 혼자있을때가 아닌 경우 음란물이 있을 수 있으니 주의하라는 의미로 많이 사용하는 용어인데, 영어로는 nsfw(not safe for work) 라고 표현합니다. nsfwjs는 Tensorflow의 JS버전인 tfjs를 사용하여 mobile net 버전의 모델을 사용해서 client side에서 성인 이미지를 판별하는 오픈소스입니다. 하지만 첫 페이지 접근시 모델을 불러오는 속도가 굉장히 느립니다. 이 문제를 해결하기 위해서 저는 nsfwjs의 코드가 그리많지 않았고, Tensorflow js를 사용하는것을 확인해서 TFJS WASM 버전으로 직접 만들게 되었습니다. Demo https://nsfw.tlnd.cc NSFW JS + WASM on Web Worker.. 공감수 149 댓글수 0 2022. 10. 20.
  • img 태그 우클릭 차단 보통 인스타그램과 같이 우클릭이 막혀있는 서비스들을 종종 볼 수 있습니다. 인스타그램의 방식은 보통 div 태그를 만들어서 z-index 우선순위를 위해 뒤에 나오게 한 다음 absolute 로 박스크기를 가득 채워버립니다. 저도 이전에는 이러한 방식을 종종 사용했었는데, 더 간단하고 쉬운 방법이 있어서 기록과 공유차 포스팅을 진행합니다. pointer-events: none; 그냥 css나 style로 img태그에 pointer-events 즉 클릭과 같은 모든 포인터에 대한 요소를 막아버리면 끝입니다. 공감수 79 댓글수 0 2022. 10. 7.
  • Alpine.js + Tailwind.css + Web Components Alpine.js Alpine.js는 MarkUp(HTML) Template에 작성하여 Reactivity (재활동)이 가능하게끔 하여, Vue 스러운 문법으로 가장 이상적이면서 간단하고 간결하고 쉬운 라이브러리입니다. Gzip 압축 기준 무려 8KB 밖에 안되는 적은 용량으로 굉장히 강력한 기능들을 가지고 있습니다. state Management (상태관리) global Store (페이지내 전역 상태 관리) Data / Binding (데이터 바인딩 및 액션) teleport 이외에도 다양한 기능이 있으며, Vue의 문법과 유사하게 x- 라는 prefix 를 사용합니다. x-if, x-for, x-teleport 등등 그런데 아쉽게도 x-if는 존재하지만 else나 else-if는 존재하지 않습니다... 공감수 978 댓글수 0 2022. 8. 4.
  • 로스트아크 (경매장 각인) 장신구 세팅 탐색기 『쌀로아』가 정식 출시되었습니다. 2022.06.26 업데이트 지난 2022.06.19 (일) 로스트아크의 장신구 세팅을 도와주는 경매장 각인 탐색기인 SSALOA (쌀로아)가 출시되었습니다. https://ssaloa.com/imprint 만들거야, 나와 모두의 쌀먹을 위해... :: 쌀로아 로스트아크의 쌀먹을 위해 경매장 장신구 탐색부터 전설 비밀지도 입찰까지 지금 바로 시작해보세요! ssaloa.com 인벤 게재 게시글 https://www.inven.co.kr/board/lostark/4811/5054235?p=1&category=&iskin=&mskin=&sort=&orderby= 로스트아크 인벤 : [06.21 수정]:: 새로운 장신구 각인 세팅(탐색) 서비스 쌀로아를 소개합니다! - www.inven.co.kr 서비스명은 SSALOA (쌀로아) 이며, .. 공감수 1,668 댓글수 0 2022. 6. 26.
  • Astro.js 찍먹 후기 (장점, 단점, 결론) https://astro.build/ Astro Build fast websites, faster. Astro is a new kind of static site builder for the modern web. Powerful developer experience meets lightweight output. astro.build Astro.js 는 SSG (Static Site Generator) Framework로 근래 대중화된 React.js Vue.js Svelte.js 등을 함께 사용할 수 있는 특이한 프레임워크 입니다. 가장 큰 특징은 함께 사용할 수 있으며, SSR서버로도 이용은 가능합니다. 또 강력한 점은, React, Next, Vue, Next, Svelte, Sveltekit을 사용.. 공감수 3,743 댓글수 0 2022. 6. 24.
  • Mac Git Commit Message에 � 나올 때 � -> BS 라고 표기되는 이해할 수 없는 문자가 Jetbrains 계열의 제품군들을 사용할 때 커밋메시지에 종종 붙어나오는걸 볼 수 있습니다. git 설정을 변경함으로 써 해결이 가능합니다. git config i18n.commitencoding UTF-8 위 와 같이 터미널에서 설정 후 git config --global -l 이렇게 확인하면 적용된 것을 볼 수 있습니다. 공감수 127 댓글수 0 2022. 4. 8.
  • 🚀 오버맵 5.0.7 업데이트 오버워치 워크샵 커뮤니티 https://overmap.me 2022.01.09 (토) 일부 수정 사항이 적용 되었습니다. ■ 워크샵 등록시 https가 아닌 http 문자열이 포함된 경우 등록 차단 - 암호화되지 않은 프로토콜을 사용하는 웹 사이트 링크 유도의 경우는 허용하지 않습니다. ■ 광고성 게시글 등록 차단을 위한 키워드 차단 시스템 도입 - 최근 1개월간 지속적으로 om머시기라는 쓰레기같은 서비스를 홍보하는 것이 모니터링에 지속적으로 포착되었고, 이에 이를 차단하기 위한 위 2개와 같은 사항이 적용되었습니다. ■ 적용 예정 - 현재 다른 서비스를 개발하면서 오버맵의 관리가 소홀해지는 문제가 있지만, 주기적으로 워크샵 목록의 경우는 계속해서 체크하고 있는 상황입니다. 방문자 대비 업로드가 굉장히 .. 공감수 155 댓글수 0 2022. 1. 9.
  • 🚀 오버맵 5.0.6 업데이트 오버워치 워크샵 커뮤니티 https://overmap.me 2021.12.01(수) 버그 수정 패치가 진행되었습니다. 오버워치 워크샵 커뮤니티 - 오버맵 오버워치 워크샵, 유즈맵 코드를 등록하고 공유하며, 다양한 워크샵을 바로 이용하고 공유해보세요! overmap.me 🚀 버그 수정 ■ 메인 페이지에 노출되는 유튜브 영상이 갱신되지 않고, 같은 영상이 지속적으로 노출되던 오류가 수정되었습니다. ■ 로그인 시, 닉네임이 구글 닉네임으로 적용되지 않는 문제가 수정되었습니다. -> 적용 예) 프로필, 워크샵 작성자 등 -> 닉네임의 수정 적용은 다시 로그인 할 경우 정상 동작 됩니다. 공감수 218 댓글수 0 2021. 12. 1.
  • [go-app/WASM] #4. Vite 사용하기 [go-app/WASM] #1 [go-app/WASM] #2 [go-app/WASM] #3 go-app은 Frontend framework 지만 sass를 지원하지는 않습니다. CSS만으로도 충분히 웹을 꾸미고 디자인하는데 큰 지장은 없지만, 유연하고 생산성이 뛰어난 방향을 위해서는 SASS를 도입하는 것이 정신건강에 이롭습니다. SASS를 사용하는 방법은 여러방법이 있지만 대표적으로는 Libsass 가 대표적인 진영입니다. 하지만 go언어에서의 sass 사용은 조금 이 뭐 병ㅅ... 파일 입출력을 통한 제공을 하는데, 너무 별로입니다. 바로 보자마자 제외 했습니다. 그럼에도 사용하고 싶다면 ... go-libsass를 참고하세요. 그럼 libsass를 사용하지 않으려면 번들러를 이용한 방법이 주를 이룹.. 공감수 1,447 댓글수 0 2021. 11. 22.
  • [go-app/WASM] #3. Fiber 연결하기 지난 2편에서 정했던 Fiber 프레임워크를 go-app과 사용하는 방법입니다. [go-app/WASM] #2 서버 Framework 선택하기 Background go-app은 기본적으로 go의 내장 모듈인 net/http 를 사용합니다. net/http는 표준 라이브러리이며, 확장이 용이하고 매우 무궁무진하며 대중적이고 쉽고 간편합니다. 하지만 라우팅 부터 해서 gmyankee.tistory.com 시작하기전에 go-app에 fiber를 적용하기 위해서는 몇 가지 귀찮은 작업을 필요로 하는데 왜 그런지에 대해서 먼저 언급하고 시작하겠습니다. go-app은 1편에서도 언급했듯이, JS의 역할을 대체하는 Frontend Framework 입니다. fiber는 2편에서 정했던 Backend Framework.. 공감수 958 댓글수 0 2021. 11. 21.
  • M1 - Python / Django 디버그모드 실행 오류 Apple M1 을 사용한지 어느덧 3주차인데, 그동안 프론트 작업만 진행하면서 파이썬을 런타임으로만 실행하고 디버깅 모드로 실행하는걸 확인조차 안했던 문제가 있었습니다. 오류 내용 syntaxerror invalid or missing encoding declaration 유사 문제를 가진 유저가 youtrack에서 존재하였고 다음과 같은 이슈였습니다. https://youtrack.jetbrains.com/issue/PY-14497 Django crash on run in debug mode : PY-14497 Crash only when try to run in debug mode. Run as single python script + buildout (not Django Server). Inter.. 공감수 626 댓글수 0 2021. 11. 20.
  • [go-app/WASM] #2. 서버 Framework 선택하기 Background go-app은 기본적으로 go의 내장 모듈인 net/http 를 사용합니다. net/http는 표준 라이브러리이며, 확장이 용이하고 매우 무궁무진하며 대중적이고 쉽고 간편합니다. 하지만 라우팅 부터 해서 많은 귀차니즘이 발생하기 때문에, 사람들은 대부분 외부 라이브러리에 의존합니다. 뭔가 말투가 번역같아보이는건 나만그런가..? 위 와 같은 이유로 대중적으로 많이 쓰이고 유명한 Gin, Echo, Chi 등이 있습니다. Gin은 써본적이 있지만, 타 언어와 비교한다면 빠르고 유능한 프레임워크인것이 사실이지만, 제가 생각하는 기준 선상에서는 생각조차 하지 않을정도의 성능입니다... 그럼 뭐가 제일 빠른데? 먼저 Go언어의 빠른 프레임워크로는 fasthttp, fiber, gearbox, .. 공감수 1,108 댓글수 0 2021. 11. 19.
  • [go-app/WASM]. - #1 WASM 그리고 Vugu와 go-app 비교 Background(배경) Javascript의 느려터진 속도를 대신하여 컴파일언어를 이용해 웹브라우저에서 네이티브 코드를 동작시키는 것을 WASM(Web Assembly) 이라 합니다. WASM의 선두주자는 현재 RUST, C, C++ 이 있지만, 3언어 모두 저에게는 적합하지 않아... Go언어를 통해 사용하고자 합니다. WASM의 현재 생태계 방식은 크게 2가지로 나뉩니다. https://developer.mozilla.org/ko/docs/WebAssembly/Rust_to_wasm 쉽게 말해서, 컴파일언어를 통해 전체적인 웹앱을 만들 것인가? 또는 기존 JS와 함께 WASM을 사용할 것인가 입니다. 즉 MDN의 말은 굳이 양자택일을 할 필요없이 JS를 대체하는 것이 아닌 우리는 공존할 수 있어!.. 공감수 1,157 댓글수 0 2021. 11. 18.
  • 카카오톡 탈퇴 방법 왜 저에게 문의를 하는지는 모르겠지만... 이용제한 조치에 걸려서 계정이 정지된 많은 유저들로부터 문의가 자꾸 들어와서 작성해봅니다. 대부분의 90% 이상 유저가 음란성 게시글 또는 사진 등을 오픈채팅을 통해 대화를 하다가 정지를 먹는게 태반인것 같긴하지만... 오픈채팅의 경우는 신고 검토를 안하고 무적권 신고 5번 맥이면 정지때렸던 실험을 했던 기억이나서 이렇게 불가피하게 당하는 유저들을 위해 방법을 기재해봅니다. 카카오 공식 홈페이지에서 카카오 계정 탈퇴를 할 경우, 연결된 서비스인 '카카오톡'을 먼저 탈퇴하라는 문구가 나오면서 카카오 계정을 탈퇴할 수 없습니다. 다만 카카오톡 CS(고객센터) 페이지에서 SMS 문자 본인인증을 통해서 즉시탈퇴 처리가 가능하며, 즉시탈퇴의 경우 45일 뒤에 재가입이 가.. 공감수 698 댓글수 0 2021. 8. 21.
  • 오버맵 5.0.5 패치노트 오버워치 워크샵 커뮤니티 오버맵 5.0.5 업데이트가 2021.08.10(화)에 진행되었습니다. 오버워치 워크샵 커뮤니티 - 오버맵 오버워치 워크샵, 유즈맵 코드를 등록하고 공유하며, 다양한 워크샵을 바로 이용하고 공유해보세요! overmap.me ■ 주요 변경 사항 네비게이션 메뉴 위치 변경 워크샵 리스트 디자인 변경 워크샵 상세페이지 디자인 변경 ■ 네비게이션 메뉴 위치 변경 기존 네비게이션 메뉴(집버워치, 워크샵, 패치노트, 이벤트...)가 좌측에 고정되어 있었으며, 모바일에서는 하단 메뉴로 자리잡고 있었습니다. 하지만 웹애플리케이션은 상단 탭이 조금더 깔끔하고 유연하게 접근성이 뛰어나다고 판단되어 PC, Mobile 모두 상단에 위치하도록 변경하였습니다. ■ 워크샵 리스트 디자인 변경 워크샵 리스.. 공감수 137 댓글수 0 2021. 8. 10.
  • SVG CSS로 색상 변경하기 svg 포맷을 이용한 이미지 파일의 색상을 변경하는 것에 대해 검색을 해보면 대부분이 svg 파일을 html에 작성해서 fill 또는 CSS를 이용해서 색상을 변경하라는 내용을 볼 수 있습니다. 하지만 그렇게 비효율적인 방법이라면 mdi같이 svg 포맷을 폰트로 만들어서 사용했을 듯 합니다. SVG 파일의 색상을 HTML 작성 없이 CSS만으로 변경하는 것은 의외로 매우 간단합니다. .svg-test { background-color: #eeeeee; -webkit-mask: url('image.svg') no-repeat center; mask: url('image.svg') no-repeat center; } 이런식으로 mask를 이용해서 image를 불러오고 background 색상을 변경 작업해주.. 공감수 3,435 댓글수 0 2021. 7. 26.
  • 오버맵 5.0.4 업데이트 2021.07.21(화) 오버워치 워크샵 커뮤니티 오버맵 5.0.4 업데이트가 진행되었습니다. 기본적으로 표기되어야할 누락된 개인정보처리방침, 문의 등이 추가되었습니다. ■ 업데이트 안내 - 서비스내 하단(푸터) 개인정보처리방침 동작 및 페이지 추가 - 서비스내 하단(푸터) 이용약관 -> 블로그 변경 - 서비스내 하단(푸터) 문의 -> 동작 및 다이얼로그 추가 ■ 개인정보처리방침 - OVERMAP 초기에는 이메일을 이용하였으나, 2.0.0 이후부터는 오직 Google Oauth 2.0인 구글의 소셜로그인만을 이용하고 있습니다. 이러한 문제로 개인정보처리방침 적용에관한 고민이 상당히 많았는데, 구글에서는 인증 요청 API 일일 할당량이 제한되어 있어서 추후에 로그인 관련 문제가 예상되어 누락되었던 개인정보.. 공감수 151 댓글수 0 2021. 7. 20.
  • [JavaScript 두 걸음] - 자바스크립트 호출 방법 『JavaScript 두 걸음』- JavaScript란? 이번 게시글은 MDN의 '웹 페이지에 JavaScript를 어떻게 넣나요?' 게시글을 탐구합니다. 자바스크립트를 사용하기 위해서는 크게 2가지 방식이 존재합니다. HTML 파일 내부의 자바스크립트 선언 및 호출 HTML 파일 외부의 자바스크립트 호출 HTML 파일 내부에서 자바스크립트 사용 See the Pen by GM Yankee (@GMyankee) on CodePen. html 내부에서는 위처럼 html 영역에서 ``를 이용해서 감싸고 사용합니다. body 내부에서 작성하여도 동작하지만, head에 작성하는 경우를 많이 볼 수 있습니다. head에 작성하는 이유는 주로 브라우저가 콘텐츠를 그려내기 전에 미리 호출하여 파일을 불러옵니다. 하지.. 공감수 362 댓글수 0 2021. 7. 14.
  • [JavaScript 두 걸음] - 자바스크립트란? MDN에서 발췌한 JavaScript 가이드를 기반으로 CodePen을 이용하여 학습 공유를 재구성하는 시리즈입니다. JavaScript | MDN JavaScript (JS)는 경량, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 많 developer.mozilla.org JS를 두서없이 익히고 사용한 지 7년이 지났지만, Python과 마찬가지로 정말 답도없는 쉽다면 쉬운데 깊이가 깊어질수록 끝이 없는 언어입니다. JavaScript 두 걸음이라고 이름을 정한 이유는 단순히 MDN에서 첫걸음이라고 하니, 한번 더 나아가자라는 의미로.. 공감수 108 댓글수 0 2021. 7. 13.
  • 오버맵 5.0.3 업데이트 안내 2021.07.09(금) 오버워치 워크샵 커뮤니티 오버맵 5.0.3 업데이트가 진행되었습니다. ■ 버그 수정 ■ 변경 사항 버그 수정 모바일에서 하단 네비게이션 가운데에 위치한 워크샵 등록 버튼이 동작하지 않던 오류 수정 오버맵 메인 페이지에 노출되는 다음과 같은 영상 목록들이 업데이트 되지 않는 오류 수정 영상 패치노트 오버워치 유튜브 오버워치 워크샵 오버워치 시네마틱 패치노트 업데이트가 이루어지지 않는 오류 수정 메인 페이지에 상단 배너 이미지들이 정상적으로 출력되지 않는 문제 수정 변경 사항 모바일에서 워크샵 목록에 존재하는 게시글들의 아이콘 크기가 일괄 하향 조정되었습니다. 모바일에서 워크샵 목록 게시글들의 양쪽 여백을 제거하였습니다. 메인페이지에 우측에 까만 선이 표기되던 현상을 제거하고 요소들.. 공감수 63 댓글수 0 2021. 7. 9.
  • 오버맵 5.0.2 패치노트 2021.06.30 오버워치 워크샵 커뮤니티 오버맵 5.0.2 업데이트가 진행되었습니다. 오버워치 워크샵 커뮤니티 - 오버맵 오버워치 워크샵, 유즈맵 코드를 등록하고 공유하며, 다양한 워크샵을 바로 이용하고 공유해보세요! overmap.me ■ 수정 내역 로그인 버튼 수정 로그인 모달(dialog 팝업) 추가 워크샵 상세페이지 높이 조정 ■ 서비스 아키텍처 변경 ■ 확인된 버그 ■ 패치 예정 수정 내역 로그인 버튼 수정 기존 Google 계정으로 로그인 버튼에서 유저 아이콘으로 변경되었습니다. 로그인 모달(dialog 팝업) 추가 로그인 버튼을 클릭하면 로그인을 할 수 있는 로그인 모달 팝업이 나오도록 변경되었습니다. 모바일에서는 modal이 아닌 풀 스크린으로 나타납니다. 워크샵 상세페이지 높이 조정 .. 공감수 149 댓글수 0 2021. 6. 30.
  • webpack dev server [wds disconnected!] webpack 사용중 개발서버와 연결이 끊기는 문제가 발생하였는데, 아무것도 건든게 없는데 갑자기 끊기니깐 화가치밀어 오르는 현상이 나타납니다. 별 이상한 방법들이 다 있었지만 의지의 Global Stack Overflow에서는 이러한 문제의 깔끔한 정답을 제시해주신분이 있습니다. https://stackoverflow.com/a/61438341 Keep getting [WDS] Disconnected! error I'm currently getting started on ReactJs. However, I've come across the following error in the console which doers not show in the terminal: [WDS] Disconnected!sock.. 공감수 829 댓글수 0 2021. 6. 30.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.