맨땅에 코딩

[Javascript] Html video currentTime 수정 불가 해결

안녕하세요🫶 개발자 재민콩입니다! 이번엔 동영상 강의 사이트 개발 중 겪었던 오류에 대해 포스팅을 진행하려고 합니다. 해결은 됐지만, 더 나은 방법이 있는지 혹은 잘못된 지식인지 현명한 개발자분 지적 부탁드립니다🙇🏻‍♂️ 발생된 문제는 video 강의를 업로드하고 사용자단에서 video를 불러올 경우 progress로 플레이 타임을 변경할 경우 시작으로(0초)로 돌아가고, Javascript로 currentTime을 수정할 경우에도 같은 결과가 나왔습니다. 다만, Safari에서는 정상적으로 작동하고, firefox는 일부분, 제외 다른 브라우저에선 오류가 났습니다. 생각해 본 오류 이유로는 video를 load 하는 과정에서 문제가 있었던 것 같다고 결론을 내리고, video를 미리 로드하거나, 다른 ..

[오늘은 무엇을 먹을까?] 오무먹 커뮤니티 추가

안녕하세요✋ 개발자 재민콩입니다. 이번에 오늘은 무엇을 먹을까? 사이트의 업데이트된 기능을 소개하려고 합니다. 음식을 좋아하는 사람들이 서로 맛집과 의견등을 공유할 수 있는 공간을 마련했습니다. 아직 무료 서버를 사용하고 있어 정보를 읽어오는 시간이 조금 느립니다. 차후 사용자가 늘어나게 되면 보완할 예정입니다. 많은 이용 부탁드립니다.

[PWA] PWA(Progessive Web Applications)의 장단점

안녕하세요🫶 개발자 재민콩입니다. 이번 포스팅에선 PWA의 장단점에 대해 알아보겠습니다. PWA의 장단점을 다루기 전에 먼저 PWA란 무엇인지 알아보겠습니다. 1. PWA란? PWA는 Progressive Web Applications로 웹앱으로 만들어진 사이트를 네이티브 앱과 같은 동작을 가능하게 하는 방법입니다. 그래서 기존 사용하는 사용되는 웹 기술(HTML, CSS, Javascript 등)을 사용하여 어떠한 플랫폼에서도 최적화하여 동작하도록 할 수 있습니다. 또 2016년에 Google에 의해 처음 소개 되었으며 현재까지 활발하게 업데이트가 진행되고 있고, 전 세계 스타트업부터 대기업까지 많은 회사에서 PWA를 사용하여 개발을 진행하고 있습니다. 대표적인 PWA적용 사이트로는 Twitter, I..

[Reference Site] 웹 디자인을 위한 참고사이트

안녕하세요🐰 개발자 재민콩입니다. 웹 디자이너 분들은 항상 더 나은 UI/UX 디자인을 하기 위해 많은 고민을 하고 있는데요! 웹 디자인을 하는 웹 디자이너들을 위한 참고 사이트를 추천해 드리겠습니다. 1. 벤치마킹 1.1) 디비컷이라는 국내외 사이트들을 모아둔 사이트입니다. https://www.dbcut.com/ 디비컷 - 웹디자인 평가 및 우수 웹사이트 모음 국내외 우수 웹디자인 레퍼런스 사이트 www.dbcut.com 1.2) Behance는 이미 많은 분들이 알고 계신 사이트입니다. 웹 디자인은 물론 다양한 디자인을 참고할 수 있습니다. https://www.behance.net/ Search Projects | Photos, videos, logos, illustrations and brand..

[Node.js] MacOS nvm 설치

안녕하세요🦥 개발자 재민콩입니다. 이번 포스팅은 MacOS에서 nvm설치에 대해 알아보겠습니다. nvm이란 Node Version Manager으로 말 그대로 Node의 버전 관리자입니다. 여러 개의 프로젝트를 진행할 경우 node의 버전이 각기 달라지기 마련입니다.(시간이 지남에 따라 node지원이 종료되기 때문에 버전을 업데이트해주는 것이 좋습니다.) 하지만 global에 설치된 node 버전을 항상 재설치하여 변경해 주기란 번거로움이 많습니다. 그렇기 때문에 nvm을 이용하여 커맨드 한 번으로 node 버전을 설치, 변경을 할 수 있습니다. 아래 순서대로 진행해 보겠습니다. 1. brew 설치 brew란 MacOS에서 각종 패키지 설치를 도와주는 시스템입니다. https://brew.sh/index..

[Eclipse] MacOS Eclipse 속도향상

안녕하세요✋ 개발자 재민콩입니다. 이번 포스팅은 MacOS Eclipse 속도향상에 대해 알아보겠습니다. Eclipse IDE는 프로그램이 많이 무겁기 때문에 컴퓨터 사양이 좋은 환경에서도 많이 버벅거리고 느립니다. 그럼에도 한국에서는 전자정부 프레임워크로 이루어진 프로젝트를 많이 진행하기 때문에 Eclipse를 많이 사용하고 있습니다. 무거운 Eclipse를 설정을 통해 최대한 속도를 개선하는 방법을 알려드리겠습니다. 1. eclipse.ini 설정(Heap 메모리 설정) 초기에 -Xms512m, -Xmx512m 최소 최대 메모리가 512m으로 설정되어 있는 부분을 2048m으로 수정합니다. 자기 컴퓨터 RAM에 맞는 적정한 수치로 변경하시기 바랍니다. 대략 적인 적정 수치는 아래와 같습니다. 4G R..

[PWA] Android App URL 삭제

안녕하세요🙋🏻 개발자 재민콩입니다. 이번 포스팅에서는 PWA 앱 URL 바 삭제하는 방법에 대해 알아보겠습니다. PWA를 앱으로 빌드 혹은 웹에서 다운로드를 하였을 때, 웹앱을 Native App처럼 보여주기 위해 주소창을 삭제하는데, 이를 가능하게 하는 설정들이 있습니다. 1. meta 태그 추가 // Apple // Android 2. manifest.json display { "lang": ... "dir": ... "name": ... "short_name": ... "display": "standalone", // (fullscreen, standalone, minimal-ui, browser) "categories": ... "description": ... "start_url": ... "t..

[오늘은 무엇을 먹을까?] Server 세팅

안녕하세요🐣🐥 개발자 재민콩입니다. 이번엔 지금까지 진행한 프로젝트를 서버에 올리는 작업에 대해 포스팅 하려고 합니다. 서버에 대한 지식이 많이 부족했기 때문에 알아가는 과정에서 삽질을 많이했지만..😂 이 모든게 미래를 위해 한걸음 다가가는길인걸 알기에 즐거운 마음으로 공부했던 것 같습니다. 서버를 올리기 위한 계획을 먼저 작성해 봤습니다. 첫번째로 저희 부서에서 사용하고있는 Docker, Nginx에 대해 공부를 먼저 진행한 뒤 로컬에서 Docker로 서버 띄우기 두번째로 Docker를 지원하는 Cloud 서비스를 찾아 서버를 띄우는것 아래 링크를 통해 Docker 세팅을 진행할 수 있습니다! [Docker] Django + Postgresql + nginx 로컬 서버세팅 [Docker] Django ..