안녕하세요! 나는 새 시리즈 시작, 코딩을 배우거나 경력을 바꾼 개발자와의 채팅. 이 인터뷰는 Instagram 프로그래머 커뮤니티의 일원인 Owen과의 인터뷰입니다. 전업과 어린아이를 하며 코딩을 배우는 그의 솔직한 이야기가 같은 일을 하고 있는 여러분에게 힘이 될 것 같았습니다. 나처럼 그의 이야기에서 영감을 받았으면 합니다. 안녕 Owen, 자기 자신과 하는 일에 대해 간단히 말씀해 주시겠습니까? 그래서 현재 저는 아직 전문 개발자가 아닙니다. 현재 저는 공공 도서관 부문에서 지방 정부에서 일하고 있
안녕하세요! 독학 게임 개발자인 Mandy를 소개하게 되어 매우 기쁩니다. 그녀는 직업을 바꾸고 스스로 게임을 만드는 법을 배웠으며 현재 남편과 함께 게임 개발 샵을 운영하고 있습니다. 자신을 재발견하고 자신의 보스가 된 사람에 대한 좋은 이야기를 찾고 있다면 더 이상 보지 마십시오! 🙂 당신이 누구이며 현재 하고 있는 일에 대해 간단히 소개해주시겠습니까? 저는 독학 프로그래머이자 텍사스 오스틴에서 남편과 제가 소유하고 운영하는 인디 게임 스튜디오인 Black Hive Media의 공동 설립자인 Mandy입니다. iOS
코딩 방법을 스스로 가르치고 있다면 처음 시작할 때 답변보다 질문이 더 많을 수 있습니다. 무엇을 배워야 합니까? 버그를 수정하는 방법을 어떻게 알아내나요? 불가능한 일처럼 보일 때 어떻게 동기를 유지합니까? 코딩 성공 가능성이 걱정된다면 이 10가지 팁이 당신을 격려하고 동기를 부여하기를 바랍니다! 1. 시작할 때 구체적인 목표를 염두에 두십시오. 코더가 되고자 하는 사람들로부터 가장 많이 받는 질문 중 하나는 어떤 언어를 배워야 하나요?입니다. 이해할 수 있지만 이것은 궁극적으로 시작하기에 잘못된 질문입니다. 가장
Gulp 4에 대한 이 자습서에서는 Sass 및 JavaScript 파일을 컴파일하기 위해 워크플로에서 Gulp를 설정하는 방법을 단계별로 설명합니다. 아직 Gulp를 사용하지 않았다면 한 번 확인하는 것이 좋습니다! Gulp를 사용하여 Sass 파일을 CSS로 컴파일, JavaScript 파일 처리, 파일 최적화와 같은 많은 유용한 작업을 실행할 수 있습니다. 이 튜토리얼에서 다룰 Gulp를 설치하고 실행하는 기본 단계는 다음과 같습니다. npm install gulp-cli -g를 실행하여 명령줄에 gulp-cli를 설치
Z-색인이란 무엇입니까? Z-색인은 레이어의 HTML 요소를 서로의 상단에 배치할 수 있는 CSS 속성입니다. 얼핏 보면 간단해 보이지만 의외로 간단합니다. Z-색인을 999999로 설정하더라도 원하는 방식으로 작동하지 않도록 하는 이상하고 직관적이지 않은 규칙이 있습니다! 이 기사에서는 z-index가 작동하지 않는 가장 일반적인 4가지 이유에 대해 자세히 설명합니다. CSS를 사용하여 요소를 다른 요소의 앞이나 뒤로 가져오는 방법을 배우게 됩니다. 1. 동일한 스택 컨텍스트에 있는 요소는 표시되는 순서대로 표시되며 후자의
HTML 요소에 배경색을 추가하려면 CSS 속성 background-color를 사용할 수 있습니다. . 다음 HTML 마크업이 있고 <body>에 배경색을 추가하려고 한다고 가정해 보겠습니다. 요소: <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Changing background color in HTML/CSS</title> </head> <body>
HTML 요소에서 텍스트를 들여쓰기해야 합니까? CSS를 사용하여 단락의 첫 줄을 들여쓸 수 있습니다! 방법은 다음과 같습니다. 텍스트 들여쓰기로 단락의 첫 줄 들여쓰기 다음과 같은 단락에 텍스트가 있다고 가정해 보겠습니다. <p class="indent"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa sit aperiam deserunt quae excepturi fugit, consequuntur cum corporis i
다음은 CSS를 사용하여 HTML div 요소를 나란히 배치하는 3가지 방법입니다. (클릭하면 각 섹션으로 이동) 플로트 방식 플렉스박스 방식 CSS 그리드 방식 플로트 메소드 float 메서드에서 다음 HTML 마크업을 사용합니다. <div class=float-container> <div class=float-child> <div class=green>Float Column 1</div> </div> <div class=float-chi
오늘의 튜토리얼에서는 HTML과 CSS로 상단 네비게이션 바를 만들 것입니다. 이 탐색 모음을 구축하는 두 가지 다른 방법, 즉 flexbox를 사용하는 방법과 CSS 그리드를 사용하는 방법을 살펴보겠습니다. 두 접근 방식의 차이점을 비교하는 좋은 방법이 될 것입니다. 그리고 어떤 방법이 더 마음에 드는지 알 수 있습니다. 완성된 탐색은 다음과 같습니다. 데스크톱에서 모든 링크는 왼쪽에 홈이 있고 오른쪽에 다른 링크가 있는 같은 행에 있습니다. 그런 다음 모바일에서는 맨 위 행에 홈이 있고 맨 아래 행에 다른 링크가 있습
CSS와 HTML을 사용하여 블록 또는 인라인 블록 버튼 요소를 가운데에 맞추려면 어떻게 해야 합니까? 다소 까다로울 수 있지만 요소 유형에 관계없이 버튼을 가운데에 배치하는 방법에 대한 몇 가지 간단한 팁입니다. 인라인 블록 버튼 요소 버튼 및 링크 요소는 기본적으로 display: inline-block으로 설정됩니다. . 인라인 블록이 설정된 요소는 페이지에서 문서가 왼쪽에서 오른쪽으로 이동할 때 문서의 정상적인 흐름에 포함됩니다. 즉, 두 개의 인라인 블록 요소가 차례로 있는 경우 가로 공간이 충분하면 나란히 표시됩니다
앵커(<a> ) HTML의 링크를 사용하여 다른 페이지나 다른 웹사이트로 연결합니다. 하지만 어떻게 웹페이지의 특정 부분에 연결할 수 있습니까? 답은 링크 점프입니다. . 점프 링크는 페이지를 로드할 뿐만 아니라 웹 페이지의 특정 부분으로 점프하는 링크입니다. 내부적으로 사용하여 웹사이트의 다른 페이지에 연결할 수 있으며 링크를 외부에 공유할 수도 있습니다. 이 링크는 사용자가 어디에서 왔는지에 관계없이 작동하며 작동하는 데 기본 HTML 외에는 다른 것이 필요하지 않습니다. 앵커 점프 링크 만들기 HTML에서는
코드에 주석을 추가하는 것은 코드가 하는 일을 설명하는 메모를 포함하는 데 유용한 방법입니다. 주석 처리된 코드 또는 기타 텍스트는 브라우저에서 무시됩니다. HTML, CSS 및 JavaScript 코드에서 주석을 작성하는 방법을 보려면 계속 읽으십시오! HTML로 주석을 작성하는 방법 한 줄 HTML 주석 HTML 한 줄을 주석 처리하려면 주석 태그 사이에 주석을 추가할 텍스트나 코드를 넣으십시오. <!-- --> . 코드에서 다음과 같이 표시됩니다. <!-- The text in here will be in
Gulp를 실행할 때 cannot find module gulp-sass와 같은 오류가 표시될 수 있습니다. 이 오류 메시지는 Gulp가 gulp-sass 패키지에서 함수를 실행하려고 하지만 찾을 수 없음을 의미합니다. 이 성가신 오류가 발생하는 경우 이를 제거하는 데 사용할 수 있는 몇 가지 수정 사항이 있습니다. node_modules 폴더 확인 npm 패키지를 설치할 때 npm은 node_modules를 생성합니다. 프로젝트 루트의 폴더. 또한 설치한 패키지를 package.json에 추가합니다. 및 package-lo
Gulp를 사용하여 작업을 실행하는 경우 gulp를 실행해 본 적이 있습니까? 명령줄에서 다음과 같은 오류가 발생했습니다. gulp: command not found ? 왜 이런 일이 발생합니까? 어떤 디렉토리에서든 명령줄에서 패키지를 실행하려면 컴퓨터에 전역적으로 설치해야 합니다. 다음은 이 문제에 대한 몇 가지 수정 사항입니다. gulp-cli를 전역적으로 설치 Gulp를 실행하려면 두 가지가 필요합니다. Gulp CLI는 전역적으로 설치해야 합니다. 그리고 Gulp는 사용되는 각 프로젝트의 디렉토리에 로컬로 설치해야
다음은 Windows 시스템에 Gulp를 전역적으로 설치하는 방법에 대한 빠른 가이드입니다. (이러한 지침의 대부분은 Mac에서도 동일하지만 구문이 약간 다를 수 있습니다.) 노드 및 npm 다운로드 및 설치 먼저 컴퓨터에 Node 및 npm(Node Package Manager)이 설치되어 있어야 합니다. Node가 설치되어 있는지 확실하지 않은 경우 명령줄을 열고 node -v를 실행하세요. 또는 node --version . 설치된 경우 가지고 있는 버전 번호를 반환합니다(예:v8.17.0). . Node가 설치되어 있
명령줄에서 Gulp를 실행하려고 할 때 Local gulp not found라는 오류가 발생합니까? ? Gulp를 전역적으로 설치했더라도 Gulp를 사용하려는 개별 프로젝트 디렉터리에 로컬로 Gulp를 설치해야 합니다. npm install gulp를 실행하여 프로젝트 디렉토리에 Gulp를 설치할 수 있습니다. 명령줄에서. 또는 npm install gulp --save-dev 실행 Gulp를 package.json에 devDependency로 저장하려면 파일. 왜 Gulp를 전역 및 로컬로 설치해야 합니까? Gulp를 전역
CSS에서 배경 이미지로 작업하는 것은 까다로울 수 있습니다. 코드에서 설정하더라도 페이지에 배경 이미지가 표시되지 않을 수 있는 다른 요소가 있기 때문입니다. 이를 돕기 위해 HTML 및 CSS를 사용하여 작동하지 않는 배경 이미지를 수정하는 네 가지 방법이 있습니다. 1. CSS 파일이 HTML 파일에 올바르게 연결되어 있는지 확인하십시오. CSS 스타일을 웹사이트에 로드하려면 <link>를 추가해야 합니다. HTML 파일에 태그를 추가합니다. 이 태그는 <head></head> 안에 있어야
npm에서 Please run npm cache clean과 같은 이상한 오류가 발생하면 실행하십시오. npm 캐시를 정리하거나 새로 고쳐야 할 수도 있습니다. 이 문제를 해결하려면 Please run npm cache clean을 실행해 보세요. . 실행:npm 버전 5 이상에 대한 npm 캐시 확인 그러나 npm v5 이상을 실행하는 경우 npm은 자가 치유 기능을 해야 하며 npm 캐시를 정리하려고 할 때 다음 오류 메시지가 표시될 수 있습니다. npm ERR! As of [email protected], the
Gulp에서 작업할 때 다음 오류가 발생할 수 있습니다. The following tasks did not complete... Did you forget to signal async completion? Gulp 4에서는 모든 작업이 자동으로 비동기식이기 때문에 발생합니다. 동기 함수는 차례로 실행되며 각 함수는 실행되기 전에 이전 함수가 완료될 때까지 기다려야 합니다. 반면에 비동기 함수는 이전 함수의 결과를 기다리는 동안 실행을 시작할 수 있습니다. 이렇게 하면 프로세스가 차단되지 않기 때문에 프로세스가 더 효율적입니다.
gulp를 실행 중인 경우 명령줄에 다음과 같은 오류가 표시됩니다. gulp는 내부 또는 외부 명령으로 인식되지 않습니다. 또는:gulp라는 용어는 cmdlet, 함수, 스크립트 파일 또는 실행 가능한 프로그램의 이름으로 인식되지 않습니다. 이는 일반적으로 Gulp CLI를 컴퓨터에 전역적으로 설치하고 npm이 경로 환경 변수에 추가되었는지 확인해야 함을 의미합니다. 전 세계적으로 Gulp 설치 Gulp를 전역적으로 설치하려면 먼저 컴퓨터에 Node.js가 설치되어 있는지 확인하십시오. 없는 경우 NodeJS.org에서 다