SMALL

Study 441

프로그래밍 초심자에게 조언할 수 있다면 이 같이 조언할 것입니다.

프로그래밍을 배운 모든 사람이 필요한 조언을 받는 것은 아닙니다. 저 같은 경우에는 프로그래밍을 배울 당시에는 무엇을 피해야 하는지, 집중해야 하는지, 그런 일이 있으면 단계별 절차를 알 수 없었습니다. 따라서 동료 프로그래머가 초기 단계에서 프로그래밍을 배우는 데 도움이 되도록 여러분 모두가 알았으면 하는 몇 가지 조언이 있습니다. 누군가 나에게 말했으면 하는 조언. 1. 알고리즘 및 문제 해결과 같은 프로그래밍의 기초를 공부하고 객체 지향 및 소프트웨어 아키텍처의 개념을 탐구합니다. 이 모든 지식은 경력 전반에 걸쳐 배우고 개선할 것입니다. 2. 당신은 실수를 할 것이고, 그 자리를 떠나지 않을 것이고, 그것을 하는 방법에 대한 약간의 아이디어도 가지지 못할 것입니다. 그러나 다시 시도하십시오. 프로..

Study/IT 이야기 2021.12.31

Javascript 리소스 모음... 공부해야 될 것들 / 21.12.31

벌써 또 한 살 먹네... 세월이 빠르구나... https://www.youtube.com/watch?v=3H4umWD5bwI https://www.youtube.com/c/Freecodecamp/search?query=javascript https://www.youtube.com/watch?v=lhNdUVh3qCc https://www.youtube.com/watch?v=3PHXvlpOkf4 https://www.youtube.com/watch?v=023Psne_-_4 https://www.youtube.com/watch?v=AzCQrjWQJs4 https://www.youtube.com/watch?v=6E6XecoTRVo https://www.youtube.com/watch?v=m_HJ3juuFvo ..

Study/개발 Tip 2021.12.31

반응형 웹 모바일 브라우저 주소창을 고려한 css height 설정

반응형 개발을 하다보면 보통 Chrome 개발자 툴 같은 것을 이용하며 개발을 할 것이다. 문제는 개발툴을 이용해서 만들면 잘 나오는데, 실질적으로 배포를 해보면 브라우저의 주소창 때문에 다르게 나오는 것을 알 수 있다. ↑브라우저 주소창 때문에 우리가 만든 사이트가 제대로 나오지 않을 수 있다. 해결방법 .my-element { height: 100vh; height: calc(var(--vh, 1vh) * 100); } css를 위와 같이 만들어 주고 js는 아래와 같이 사용하면 된다. let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty("--vh", `${vh}px`); 위의 코드는 height 100을 적용하..

Study/개발 Tip 2021.12.19

모바일 브라우저 아래로 당겼을 때 새로고침 되는 현상 끄기

반응형 웹 개발 중에서 브라우저를 아래로 당겼을 때 새로고침 되는 현상을 없애주는 코드 /* prevent pull-down-to-refresh of mobile chrome https://stackoverflow.com/a/55832568 */ (function() { var touchStartHandler, touchMoveHandler, touchPoint; // Only needed for touch events on chrome. if ((window.chrome || navigator.userAgent.match("CriOS")) && "ontouchstart" in document.documentElement) { touchStartHandler = function() { // Only ne..

Study/개발 Tip 2021.12.19

자바스크립트로 이런 것들도 할 수 있다고?

이번 추수감사절에는 특히 Javascript에 감사드립니다. 1995년 12월( Javascript의 생일은 실제로 이번 주입니다! )에 발표된 이후 웹에 생명을 불어넣었습니다. 그러나 모든 Javascript가 일부 HTML 페이지에 추가 기능을 제공하는 시대는 지났습니다. 오늘날 자바스크립트로 거의 모든 것을 할 수 있습니다. 당신이 알지 못했던 놀라운 일들이 JS로 가능하다는 점을 강조해 보겠습니다. Electron을 사용한 네이티브 데스크톱 앱 시작하려면 많은 오프라인 기본 데스크톱 앱이 실제로 Javascript로 빌드되며 일반적으로 Electron 또는 Chromium Embedded Framework를 사용합니다. 사실 VScode, Spotify 및 Slack을 포함하여 즐겨 사용하는 데스..

Study/개발지식 2021.12.18

개발자가 알아야할 Git Repository 목록

GitHub가 2008년에 설립되었을 때, 그 주요 목표는 분산 버전 제어 시스템 Git을 사용하여 오픈 소스 프로젝트를 호스팅하는 것이었습니다. 향후 13년 동안 GitHub는 오픈 소스 프로젝트를 호스팅하고 개발자 커뮤니티에서 리소스를 공유하는 중심 장소로 발전했습니다. 4,500만 개의 공개 리포지토리를 보유한 GitHub는 오픈 소스 프로젝트, 라이브러리, 학습 플랫폼, 인터뷰 준비, 이력서 작성 팁, 지식 기반 등을 포함하여 개발자를 위한 모든 형태의 지식 공유를 제공합니다. 유용한 repositor 찾기 내가 그 45,000,000 공공 저장소들 사이 ES는 매우 도전하고있다. 이 기사에서는 인기도, 유용성, 수요가 높은 20개의 우수한 GitHub 리포지토리를 나열합니다. 또한 이 목록은 포..

Study/개발 Tip 2021.12.18

개발자를 위한 킬러 웹사이트 10개 공개

www.freepik.com에서 설계 웹사이트를 편리하게 유지하는 것은 생산성 향상입니다. 이 기사에서는 모든 프로그래머가 알아야 할 10개의 굉장한 킬러 웹사이트를 공유할 것입니다. 책갈피를 만들고 시작하십시오. 애니미스타 Animista는 CSS 애니메이션 라이브러리의 간단한 웹 사이트입니다. 미리 만들어진 CSS 애니메이션을 테스트하고 재생할 수 있으며 코드를 다운로드할 수 있습니다. 이 웹사이트는 웹 개발자에게 유용할 것입니다. 여기를 방문하십시오 레이.소 이 웹사이트를 통해 소스 코드의 아름다운 이미지를 공유할 수 있습니다. 거의 모든 프로그래밍 언어 형식을 지원합니다. 배경, 색상, 글꼴 등을 설정할 수 있습니다. 이 사이트를 꼭 사용해 보세요. 여기를 방문하십시오 FontAwesome 프로젝..

Study/개발 Tip 2021.12.18

블록체인 기술 및 무선 메시 네트워크

보다 포괄적인 구조에 대한 요구가 계속 증가하고 있습니다. 우리 중 많은 사람들이 커뮤니티와 사회적 통합의 필요성을 인식하기 시작했습니다. 인터넷이 우리를 하나로 뭉치게 하는지, 아니면 갈라지게 하는지에 대한 논쟁은 항상 끝나지 않을 것입니다. 그러나 우리는 디지털 시대에 살고 있기 때문에 인터넷은 최근 이러한 변화와 세계화 및 지속 가능한 커뮤니티에 대한 요구의 중심에 있었습니다. 돌아 오라의의 트렌디 한 단어 r은 먹고 기술의 세계는 다음과 같습니다, "지방 분권"을 "민주화", "금융 포함"과 "커뮤니티". 요즘 사람들의 관심을 받기 위해서는 브랜드가 포용성이나 평등성을 팔아야 하는 것은 당연합니다. Fin-Tech 공간은 더 많은 사람들이 재정적으로 포함될 수 있도록 돕고자 하는 회사로 가득 차 ..

Study/개발지식 2021.12.18

NestJS 배워보기 / 개념 / 튜토리얼 영상

https://blog.martinwork.co.kr/nestjs/2020/03/22/what-is-nestjs.html 01. NestJS란 | NodeJS 프레임워크 NestJS에 대해서 살펴보도록 하자. | Martin 01. NestJS란 NodeJS 진영에도 여러개의 프레임워크가 있다. 그 중 가장 대표적인 것이 Express 라고 볼 수 있다. Express 를 이용하여 개발을 하다보면 항상 아쉬웠던 부분은 프레임워크 안에서 지원해주 blog.martinwork.co.kr https://www.youtube.com/watch?v=3JminDpCJNE

Study/Node.js 2021.12.18
반응형