SMALL

Study/개발 Tip 60

개발자가 실생활에서 실천할 수 있는 스터디 방법 소개 🔑

개발자가 간단하게 실천할 수 있는 최신 정보 습득 방법에 대해 가져와 봤습니다! 이미 실천하고 계신 분들도 많으실 것 같네요ㅎㅎ 빠르게 변하는 산업인 만큼 지속적으로 새로운 정보를 받아들이는 것은 중요할 것 같습니다. 개발자 블로그 및 뉴스레터 구독하기 iOS, aOS 공식 블로그뿐만 아니라 업계 전문가가 운영하는 블로그나 뉴스레터를 정기적으로 받아보는 것은 꾸준히 정보의 흐름을 읽을 수 있는 가장 좋은 방법입니다. 소셜 미디어 및 온라인 커뮤니티에 참여하기 트위터, 레딧, 스택오브플로우와 같은 개발자 커뮤니티에 가입하는 것은 개발자들과 함께 소통하면서 성장할 수 있는 좋은 방법입니다. (커리어리도 마찬가지입니다!) 관련 해시태그를 팔로우하고, 스레드에 참여해서 좋은 정보를 실시간으로 얻어보세요! (개인..

Study/개발 Tip 2024.04.17

15가지 코드 스니펫 무료 사이트 공개

내가 알기로 Code Snippet은 프로그래밍 문제에 대한 솔루션을 찾을 수 있는 곳입니다. 또한 프로젝트를 빌드할 때 프로그래머가 문제를 처리하는 방법에 대해서도 배울 수 있습니다. 따라서 웹 개발을 위한 스니펫 코드 예제를 상위 웹사이트에 소개합니다. 웹사이트 코드 예 코드마이UI CodeMyUI는 Javascript, HTML, CSS, Jquery 또는 UI 디자인 웹 개발과 같은 모든 코딩 스크립트 예제를 찾을 수 있는 웹 사이트입니다. 주요 섹션은 웹사이트에 대한 코드 스니펫을 쉽게 찾을 수 있도록 더 작은 섹션으로 나뉩니다. 저는 종종 이 사이트를 사용하여 해결해야 할 문제를 찾고 많은 프로그래머로부터 코딩, 경험... 코드마이UI 코드패드 Codepad는 전 세계 개발자 커뮤니티에서 유용..

Study/개발 Tip 2022.02.26

생산적인 개발자의 7가지 습관

세상은 날이 갈수록 경쟁이 치열해지고 있습니다. 지속적으로 생산성을 유지하는 것은 모든 개발자가 매일 직면할 수 있는 가장 큰 과제 중 하나입니다. 기업들은 지속적으로 우리의 성과를 측정하고 있습니다. 우리가 감시를 받는 것은 이해할 수 있지만, 이는 불안으로 이어질 수 있습니다. 생산적인 일을 하려면 무엇이 필요합니까? 기술력만으로도 충분하지 않습니까? 비밀 소스가 있습니까? 가장 중요한 것은 일상 생활에서 올바른 습관 을 채택하는 것 입니다. 마치 의자에 앉아 있는 것과 같습니다. 네, 원하는 대로 앉을 수 있지만 장기적으로 보면 허리가 아플 것입니다. 나쁜 습관은 모든 사람을 비생산적인 사람으로 만들 수 있습니다. 그것들은 위험합니다. 오래 보관할수록 제거하기가 더 어려워집니다. 당신이 취할 수 있..

Study/개발 Tip 2022.02.25

KNOWN_HOSTS (ECDSA HOST KEY)

맥이나 리눅스에서 서버에 SSH를 이용해 연결을 하면 서버의 fingerprint를 known_hosts 파일에 저장한다. Warning: Permanently added the ECDSA host key for IP address ‘192.168.1.1’ to the list of known hosts. 위와 같은 경고가 뜰 경우 known_hosts 파일을 직접 열어 192.168.1.1 에 대한 라인만 삭제하면 위 문제가 해결되기도 한다. known_hosts 파일은 보통 ~/.ssh/known_hosts 위치에 있어 vi를 이용해 쉽게 열어 확인할 수 있다. 그러나, 파일을 열어도 호스트명이나 IP를 눈으로 확인할 수 없는 경우가 있는데, 그런 경우에는 아래 명령을 통해 호스트의 기존 finger..

Study/개발 Tip 2022.02.12

Tips To Better Mobile Optimized Websites / 더 나은 모바일 최적화 웹 사이트를 위한 팁

More and more people get online through their smartphone and tablet these days. So, it is important that we as designers and developers address how our websites are displayed on these devices. In this post we will see several components that you need to include to make your website optimized and accessible on mobile devices. (Source: hongkiat) 1. Meta Viewport Tag The meta viewport is an HTML ta..

Study/개발 Tip 2022.01.30

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