Web Dev/8. 메모
-
JAMstack이란? [NHN FORWARD 2020] Welcome to JAMstack 를 보고!Web Dev/8. 메모 2020. 12. 21. 20:23
출처: TOAST 채널의 [NHN FORWARD 2020] Welcome to JAMstack 강의를 듣고 나름대로 정리를 해보려고 한다. 해당 유튜브 영상의 소개글은 "프런트엔드 개발자가 웹 애플리케이션 구성부터 개발, 배포까지 모두 하는 것이 가능할까요? JAMstack과 함께라면 가능합니다." 이다. 대체 JAMstack이란 무엇일까? 1. JAMstack - JAMstack이란 무엇일까? Serveless 개발구조에서 파생된 개념 JavaScript: 동적인 요소 처리 Front-End 라이브러리, 프레임워크 API 요청 API: 서버 또는 DB에서 담당하던 역할 추상화된 재사용 가능 API Cloud Function, Third party APIs Markup: JAMstack은 웹어플리케이션의..
-
HTML HEAD와 OG 태그, 그리고 테스트 방법(ngrok 이용해보자!)Web Dev/8. 메모 2020. 12. 15. 21:38
Next js를 공부하다가 next/head의 HEAD를 사용할때 얘가 뭔지 몰라서 html에서 head의 역할에 대해서 찾아보았다. developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML head 태그에는 무엇이 있을까? HTML의 메타데이터 - Web 개발 학습하기 | MDN head 태그에는 무엇이 있을까? HTML의 메타데이터 Jump to sectionJump to section HTML의 head는 페이지를 열 때 웹 브라우저에 표시되지 않습니다. head는 같은 페이지나, CSS의 링크(HTML 컨텐츠를 CSS로 스타일 developer.mozilla.org 화면에는 표시되지 않는 head의..
-
VS code 에서 emscripten.h 헤더 부를때 intellisense 가 동작을 안하면!!Web Dev/8. 메모 2020. 12. 11. 22:05
나는 맥을 쓰는데, vscode에서 c/c++ 쓰기 를 따라해서 c/c++을 vs code에서 사용하고 있다. 그런데 emscripten을 설치해서 사용하려는데, 계속해서 emscripten.h 밑에 빨간줄이 뜨면서 intellisense가 난리를 치지 뭔가. 난 그래서 emscripten헤더가 없는줄알고 이게 무슨일인가 망연자실 햇었는데, 그냥 정말 intellisense가 내 emscripten이 설치된데를 못찾아서 그랬다. gist.github.com/wayou/59f3a8e4fbab050fbb32e94dd9582660 setup emscripten for vscode intelli sense setup emscripten for vscode intelli sense. GitHub Gist: ins..
-
Pyinstaller, Tkinter와 thread를 사용하는 프로젝트Web Dev/8. 메모 2020. 7. 12. 18:53
이 프로젝트에서 사용하는 것 1. pyinstaller: 파이썬 스크립트를 exe로 추출해 준다. 2. Tkinter: 별도로 설치할 필요없는 파이썬 GUI 만들어 주는 도구 3. Thread: 쓰레드는 GUI가 멈추는 것 때문에 사용했음 깃헙 주소 https://github.com/luvehayoung/Pyinstaller-Project luvehayoung/Pyinstaller-Project Contribute to luvehayoung/Pyinstaller-Project development by creating an account on GitHub. github.com 사실 다 작업 안했다.ㅋㅋ 전체적인 구조만 잡았다. 어차피 tkinter 사용하면 그냥 간단한 스크립트 돌리는 목적이니 전체적인 ..
-
윈도우에서 설치한 Pgadmin4에서 Ubuntu의 postgresql(10 버전)로 접속하기Web Dev/8. 메모 2020. 6. 15. 19:55
이걸 왜했을까? 현재 원격으로 접속해서 우분투 환경에서 개발 중인데, vs code를 통해서 접속하다보니 gui적으로 뭔가 할 수는 없다. 그래도 우분투 서버의 postgresql의 내용물을 보고는 싶은데, pgadmin4가 편하니까 그냥 쓰고 싶었다. 그래서 윈도우 10(내 로컬 환경)에서 postgresql을 설치하고, pgadmin을 이용해 외부서버(우분투)로 접속하는 방법을 찾아보았다. 참고자료 1) 외국 자료: http://www.project-open.com/en/howto-postgresql-port-secure-remote-access HowTo Safely Open a PostgreSQL Port for Remote Access? HowTo Safely Open a PostgreSQL P..
-
Visual Studio 코드로 원격 접속하기!Web Dev/8. 메모 2020. 5. 9. 11:59
원격 접속은 언제하남? 내 로컬에서 개발을 하지 않고, 다른 컴퓨터에서 테스팅을 하고 개발을 해야할 일이 있다. 그럴때 putty로 접속해서 개발을 해도 되지만, 그것보다는 그래픽이 좀 있어줘야 심신의 안정에 좋다. 찾다가 발견한 WSL은 뭔가? 내 개발 환경은 윈도우 컴퓨터에서 -> 우분투 서버로 접속하는 것이다. 내 컴퓨터에 vs code가 깔려있고, 사실 한 네트워크 안이라면 폴더를 열어서 코드를 바로 수정할 수 있다(코드는 수정가능하다). 하지만 그랬을 때 vs code의 터미널을 키면 윈도우 파워쉘이 켜져서 좀 읭?? 싶었다. 왜냐하면 나는 원격 접속을 한거니, 리눅스 쉘이 켜져야하지 않나 싶었다. https://tutorialpost.apptilus.com/code/posts/tools/win..
-
깃...Web Dev/8. 메모 2020. 4. 28. 20:04
Git은 항상 쓰지만 항상 낯설다. 스타트업에서 근무하면서 귀동냥으로 주워듣는데, 내가 주로 쓰는것을 정리한 것은 아래와 같다. git fetch + git rebase로 마스터는 원격 리포지토리와 같도록 관리해주고, 나만 작업한 브랜치는 푸쉬전에 rebase를 통해 마치 내가 추가한 기능들이 마스터의 최신 커밋이후에 작성된척 구라를 쳐준다. 1) git fetch 때리면 원격에 있는거 다 갖구 온다.( 브랜치 명 지정하면 브랜치 특정해서 가져올수 있음) 2) 근데 git log하면 fetch 해온거 안보인다 -> git fetch --all 하면 다 보여준다(origin/master 가 어딨는지 볼수있다) 3) 로컬의 master헤드가 origin/master보다 뒤에 있을 것이다. 이때 리베이스를 해..