앜스토리 | 호기심 많은 개발자의 보물창고

코딩을 시작한다고 해서 프로그래머가 되는 것은 아니지만 논리적으로 생각하고 행동하기 시작하고 컴퓨터가 하고 싶은 일을 하게 하는 것이 프로그래머가 되는 것입니다. 프로그래밍은 구문을 암기하고 한 줄씩 쓰는 것이 아닙니다. 스티브 잡스는 프로그래밍을 배우면서 생각하는 법을 배웠다고 말했습니다. 프로그래밍은 일을 끝내는 방법에 대한 생각을 정리하도록 합니다. 그것은 모두 코에 있습니다. 숙련된 프로그래머는 후각이 있습니다. 다음은 프로그래머처럼 생각하는 몇 가지 징후입니다. 1. 왜, 어떻게! 항상 작동하는 이유를 알고 어떻게 작동하는지 분석을 시작하고 싶다면? 그렇다면 이것이 바로 프로그래머의 마음에 항상 있는 것이기 때문에 올바른 길을 가고 있는 것입니다. 그것이 얼마나 어리석은 일인지에 상관없이. 이것..

저를 믿으시기 전에 이 기사를 읽으셨으면 좋겠습니다. 그러면 시간과 노력이 많이 절약될 것입니다. 당신이 프로그래밍을 얼마나 잘하는지가 중요하지 않습니다. 대부분의 프로그래머, 심지어 전문가조차도 깨닫지 못한 채 매일 이러한 실수를 합니다. 나는 이것에 많은 정보를 넣으려고 노력했고 당신이 읽는 것을 즐기기를 바랍니다. 1. 하나의 솔루션 문제 한 방향으로만 생각하고 솔루션이 완전히 다른 곳에 있는 것과 같습니다. 예를 들어, Codewars에서 여러 문제를 해결 하고 최종 결과에 도달하는 가장 좋은 방법을 찾고자 합니다. 일반적인 프로그래머는 이미 알고 있는 방법을 사용할 것입니다. 예를 들어 함수는 정렬되지 않은 목록을 가져와서 정렬된 목록을 반환해야 합니다. 이 문제에 대해 초보자는 일반적인 선형 ..

I get this question a lot — especially from people building iframe-based components with zoid. The question is “how do I whitelist multiple domains with X-FRAME-OPTIONS?” The answer is pretty simple (and it works for any iframe): have the client pass along the domain when you create the iframe! Here’s an example. First, on the client, let’s create our iframe, and pass along the domain: // Set up..

Being more productive as a software developer can sometimes be done by simply using the right tools for the job. If you can save just one minute a day, you will save up to four hours a year, if you don’t take any vacation that is :) So without further a due here are my 7 tips that could help save time: A faster querySelector As web developers, we spend a lot of time in the browser, or should I s..

JavaScript(ES6) code snippets 이 확장을 사용하면 미리 정의된 스니펫 세트로 작업하여 생산성을 높일 수 있습니다. 다른 패키지를 설치하거나 직접 빌드하여 기본 설정에 맞게 스니펫을 사용자 정의할 수 있습니다. 자신의 스니펫을 구축하기 위한 사용자 정의 옵션은 그 힘이 의존하는 곳입니다. 저는 스스로 많은 작업을 수행하지 않았지만 React , React Native, Redux 등에 대한 도우미를 얻기 위해 추가 플러그인을 설치 합니다. 구글 "VS Code code snippets"와 귀하의 프레임워크를 검색하면 귀하에게 적합한 세트를 찾을 수 있을 것입니다. ESLint ESList는 의심할 여지 없이 JS 개발자들 사이에서 가장 인기 있고 사랑받는 확장 중 하나입니다. 확장 ..

준비물 : NodeJS API 설치 axios, cheerio npm i axios cheerio const axios = require('axios') const cheerio = require('cheerio') const url ='https://www.theguardian.com/uk' axios(url) .then(response =>{ const html = response.data const ele =cheerio.load(html) const article =[] ele('.fc-item__title', html).each(function(){ const title = ele(this).text() const url = ele(this).find('a').attr('href') articl..

Photo by Oladimeji Odunsi on Unsplash In this blog, we will be seeing some of the incredibly useful CSS code snippets that are short yet powerful. Using these code snippets you can instantly improve the look and feel of your website. Below are the 11 CSS code snippets that are insanely useful: 1. Scroll behavior html { scroll-behavior: smooth; } This simple line of code can save you from writing..

이벤트는 웹사이트를 인터랙티브하고 재미있는 애플리케이션으로 발전시킵니다. 코드에서 (HTML) 요소의 이벤트를 처리하면 웹 페이지를 유연하게 디자인할 수 있습니다. 따라서 이벤트 및 핸들러도 런타임에 조정할 수 있습니다. 웹 개발에서 가장 자주 사용되는 JavaScript 구조인 데에는 그만한 이유가 있습니다. 이를 통해 사용자가 a 를 클릭하거나 a 를 누르 거나 요소를 눌렀을 때와 같은 페이지의 이벤트를 수신 하여 HTML 요소에 대화형 기능을 추가할 수 있습니다 .buttonkeyloads 이벤트/리스너 개요 및 계획 그림 1: HTML 및 JavaScript의 이벤트 스키마 이벤트 유형을 선택하고 요소에 연결하고 리스너를 정의합니다. 이것은 웹 사용자 인터페이스에서 발생하는 JavaScript의 ..

귀찮아서 한꺼번에 하려고 포스팅 한다. VSCode 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 위 링크에서 리눅스 버전을 다운로드 ..

리눅스 데비안계열 패키지 설치법 dpkg 데비안 기반이냐, 레드햇 기반이냐에 따라서 설치 방법이 달라진다고 함. 레드햇 계열일 경우 패키지설치법은 rpm 명령어를 사용 우분투일 경우에는 dpkg 데비안 계열 : dpkg (설치 파일 확장명: *.deb) ■ deb 파일 구성 패키지이름_버전-릴리즈-아키텍처.deb ex) vim_4.5-3.deb ▶설치하기 dpkg -i 패키지파일명 ex ) dpkg -i jdk_1.7.045-1_amd64.deb 프로그램 설치는 dpkg보다 의존성을 해결해주는 apt를 사용해도 됨. (apt install 패키지) ▶설치여부 확인하기 dpkg -l 패키지이름 dpkg -l | grep 패턴 패턴써서 확인해도 되고 grep을 이용해서 뽑아내는 방법도 있다고 함. ex) d..