전체 글
-
React와 Gatsby의 관계(스택오버플로우에 질문하고, 처음으로 reputation 10을 get!)Web Dev/3. React 관련 2020. 12. 23. 19:56
JavaScript, React를 deep dive하다보니 Gatsby라는 것도 관심있게 보게됬다. 근데 도통 정적 사이트 생성기라는데, 그런거면 html을 처음에 다뽑는다는 소린데, 대체 React는 무슨 역할을 하는거지? 하고 혼란스러워했다. 이건 아마도 내가 아직 JS환경에대한 이해가 부족하기 때문인것 같다. Gatsby 공식 사이트 이 사이트를 가면 문서를 이쁘게 잘 써놨다. 아직 많이는 못봤는데, 읽으면서 프론트엔드 및 Web의 생태계에 대해서도 더 이해를 할 수 있을만큼 잘써두었다. 예전에 Django를 할때는 공식사이트가 매력이 안느껴졌는데, NextJs나 Gatsby는 공식사이트가 너무 예뻐서 공식문서 읽는 재미를 붙이기 너무 좋은것 같다. 여튼 stackoverflow에 아래의 질문을 남..
-
Gatsby Netlify Page not found 계속 뜰때!!!Web Dev/8. 메모 2020. 12. 21. 21:56
아니증말... Gatsby 샘플 사이트 다운로드받고, 계속 netlify에 안올라가서 보니까, stackoverflow.com/questions/57541316/gatsby-site-page-not-found-when-deploy-on-netlify-or-surge Gatsby site 'page not found' when deploy on Netlify or Surge I could run on localhost, however the site could not show up on Netlify and Surge as I tried to push it on Git. Feel free to check my code: https://github.com/treycwong/bean-tracker I'm no..
-
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은 웹어플리케이션의..
-
TIL 12월 19일카테고리 없음 2020. 12. 19. 23:33
1. rust 번역을 한챕터 더했다. 번역을 계속 연습하는게 좋은 커리어가 될것 같기도하고 재밌기도 하다. 특히 번역을 하다보면, 정말 잘하는 사람들이 어떤생각을 가지고, 프로그래밍을 하는지 더 깊게 이해하게 되서 개인적으로 꾸준히 해야할 활동같다. github.com/I-am-interested-in-Javascript/Rust-Study/blob/master/Chapter/chapter1/GettingStarted.md I-am-interested-in-Javascript/Rust-Study Rust. Contribute to I-am-interested-in-Javascript/Rust-Study development by creating an account on GitHub. github.com ..
-
React Hooks에 대해 제대로 알아보기 + Custom hooks 는 대체뭣인가?Web Dev/3. React 관련 2020. 12. 16. 23:21
지금 Real app이코드를 분석하면서 제대로된 앱의 구조가 어떤지를 보는데, 여기서 lib > hooks 구조를 사용하고 있다. Hooks 를 매번 사용하면서도 대강만 아는 느낌이라 이번 기회에 정리를 해보려고 reactjs.org/docs/hooks-intro.html Introducing Hooks – React A JavaScript library for building user interfaces reactjs.org 얘를 읽는다. 1. Introducing Hooks 우선 Hooks는 React 16.8에서 도입됬다. 원래 그전에는 함수형 컴포넌트는 상태를 가지지 않는 그저 순수함수였다고 한다. (올해 처음 React를 배웠을땐, 이런 망측한 것이 있을까, 하고 놀랬었다.. 하지만 함수형으로 ..
-
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..