코딩15 무료 뉴스레터 구독 2022. 2. 15. JavaScript Bundler를 사용하는 이유 JS 파일 수 감소 코드베이스를 잘 정의된 여러 파일로 분할하여 유지할 수 있습니다. 배포할 수 있도록 코드를 큰 파일로 번들로 제공합니다. node_modules에서 쉽게 가져오기 운영 서버에 node_messages를 배포하고, 가져올 파일의 상대 경로를 사용합니다. var _ = require('../node_modules/lodash/lodash.js'); var _ = require('../../node_modules/lodash/lodash.js'); 다른 파일 형식 가져오기 import './core.js'; import './style.css'; const template = require('./view.html'); 전치부호 코드 축소 변수에 의미 있는 이름 지정 코드 들여쓰기 다른 개발.. 2022. 2. 15. JavaScript를 배우기 위한 최고의 YouTube 채널 2022. 2. 15. 자바스크립트 튜토리얼 2부 이 블로그에서는 스크립트가 무엇인지, 메인 파일(.html)에 외부 스크립트를 추가하는 방법, 자바스크립트에서 키워드를 가져오고 내보내는 방법, 엄격한 모드, 리터럴, 변수, 원시 및 비기본 데이터 유형이 무엇인지 설명했습니다. 참고: 이 블로그를 읽기 전에 이전 블로그 의 JavaScript 기본 사항을 읽어보시는 것이 좋습니다. 외부 스크립트 포함: 스크립트는 요소이며, 스크립트의 도움으로 우리는 자바스크립트 코드를 HTML 코드로 작성할 수 있습니다. 나는 이것을 예를 들어 설명하려고 합니다. 파일 스크립트가 있습니다.js 이 스냅샷은 script.js 파일입니다. 이제 이 파일을 index.html에 추가하려고 합니다. 파일을 추가하려면 스크립트 요소를 사용해야 합니다. 따라서 스크립트 요소의 도.. 2022. 1. 19. 완전히 낯선 사람: 잘 알려지지 않은 코딩 언어 5개…. 그리고 이러한 언어를 배워야 하는 이유 왜 다른 언어들 중에서 당신을 돋보이게 할 수 있는 몇 가지 덜한 프로그래밍 언어를 사용하는가! 위 사진에 나와 있는 언어는 개발자 커뮤니티에서 가장 사랑받는 언어 중 하나라고 확신합니다. 좋아요, 아마 가장 높이 평가되는 것은 아닐 거예요! 하지만 그것은 확실히 가장 많이 사용된 목록에 속해요! PHP 외에도 자바스크립트, C++, 파이썬을 인용할 수 있습니다. 알다시피, 소프트웨어 개발과 다른 종류의 목적을 목적으로 하는 코딩 언어들이 아주 많이 있습니다. 하지만 프로그래머 커뮤니티 내부에도 잘 알려지지 않은 여러 언어가 있습니다. 이 이야기에서는, 우리는 그들 중 일부를 깊게 할 것입니다. 어떻게 하면 눈에 띄게 할 수 있는지 알아내야죠 포니: 겉보기에 재미있는 이름 때문에 산만해지지 마. 포니는 .. 2022. 1. 19. 내 배열 메서드 치트 시트 생략 아래의 배열 방법 표를 몇 번이나 참조해야 했는지 말씀드릴 수 없습니다. 저는 LeetCode에서 알고리즘 연습을 하는 동안 몇 번 이상 사용했습니다. 이제 그만! 나는 치트시트가 필요 없고 이 방법들을 더 잘 알고 싶어. 그럼 블로그에 풀어보죠 파괴적인 방법과 비파괴적인 방법? 여기 당신이 알아야 할 것이 있습니다. 소멸 배열 메서드는 메서드가 호출되는 원래 배열이 변이됩니다. let runningShoes = ['Altras', 'Innov-8s', 'Bedrocks'] runningShoes.unshift('Luna Sandals') // destructive method console.log(runningShoes) // => ['Luna Sandals', 'Altras', 'Innov-8s', .. 2022. 1. 12. React: 더 나은 코딩 방법 플랫아이언 스쿨 오랫동안 웹 애플리케이션을 코딩하는 방법은 손으로 모든 DOM 요소를 만드는 방법밖에 없었습니다. 저는 최근에 리액트라는 프레임워크를 사용하는 좀 더 선언적인 프로그래밍 방법을 알게 되었습니다. 또한 React는 코드를 디버그하는 것을 더 쉽게 만들 뿐만 아니라 코드를 더 짧고 읽기 쉬우며 코드에 대한 고통을 줄여줍니다! 리액트에는 몇 가지 놀라운 기능이 있지만, 그 부분을 다루기에 앞서 리액트로 코딩하는 것은 당신의 바닐라 자바스크립트로 코딩하는 것과는 매우 다를 것이라고 말해야 합니다. 리액트는 자바스크립트의 확장판인 JSX를 사용하기 때문이다. 특징들 이미 작업한 React의 두 가지 주요 기능은 다음과 같습니다. 선언적 구성요소 기반 선언적 명령형 프로그래밍과 선언형 프로그래밍이라.. 2022. 1. 12. 도움 요청의 중요성 내 코딩 부트캠프의 최근 모듈은 모두 자바스크립트 프로젝트에 관한 것이었다. 컬러 전환기나 작은 퀴즈 같은 작은 것들. 나한테는 작다고 느껴지지 않았어 말 그대로 하루 동안 하고 싶은 일을 추적하는 ToDo 앱을 만드는 것이 이러한 프로젝트 중 하나였다. 여기 전문가처럼 보이는 것이 있다: 제 것은 여기 있습니다. 그것은 나의 ToDo 앱입니다. 그 안에 CSS가 들어있지 않습니다. 즉, 멍해 보이고 아무것도 없다는 뜻입니다. 하지만 이 작은 앱은 여러분이 하루 동안 하고 싶은 일을 추적하는 기능을 하기 위해 100줄 이상의 자바스크립트 코드를 사용했습니다. 저는 이 프로젝트에 크리스마스가 임박해서 중간에 가족 방문, 선물 오픈, 축구 관람을 위해 잠시 휴가를 냈습니다. 그 결과 저는 이 프로젝트를 모두.. 2022. 1. 12. React 라우터를 사용하여 프로그래밍 방식으로 탐색 리액트 라우터로 링크 요소를 사용하여 리액트 라우터에 의해 기본적으로 처리되는 링크를 생성할 수 있습니다. 나는 내부적으로 이것을 context.transitionTo(...)라고 부른다. 네비게이션을 하고 싶어요. 링크가 아니라 드롭다운 선택 항목(예: 이거 암호로 어떻게 해? 이게 뭐에요? 내비게이션 믹스인을 봤는데, 믹스인 없이 할 수 있나요? — — — — — — — — — 답변(Answer) — — — — — — — — — — — 후크를 사용하여 라우터 v5.1.0 대응 당신이 >16.8.0 및 기능 구성요소를 사용하는 경우, >5.1.0에 새로운 useHistory hook이 있다. import { useHistory } from "react-router-dom"; function HomeBu.. 2022. 1. 12. 개발자들이 은유를 사랑하는 이유 직유, 비유, 비유, 의미론… 더 기술적으로 우리 종족의 성향이 있고, 여러분이 대화하는 모든 사람을 아는 것은 아무것도, 아무것도, 정의되지 않은 것의 차이를 이해하지 못할 것이고, 어떻게 잘못 사용된 세미콜론이 여러분의 한 주를 망칠 수 있는지 이해할 수 없을 것입니다; 우리는 의사소통을 하기 위해 하찮은 방식으로 "멍청"해야 합니다. 코딩 인터뷰에서는 종종 "6세 어린이에게 폐쇄를 설명하라"고 요청한다. 우선, 6살짜리 자바스크립트를 말하는 건 꽤 재능 있는 일인데, 쥬스박스와 니켈로디언 몇 시간만 줘도 될까요? 실제로 이것은 여러분이 스트레스를 받는 상황에 있을 때 동등한 양의 경멸을 주고 받는 사람들을 상대하는 것에 얼마나 좌절감을 느끼는지 보기 위함입니다. 최근에 LA에서 프로젝트를 하고 있었.. 2022. 1. 12. 플랫아이언 스쿨 소프트웨어 엔지니어링 1단계 완료! — 내 프로젝트 격심한 3주(엄밀히 말하면 휴일 휴식 덕분에 4주) 후에 나는 성공적으로 1단계를 마쳤다. 플랫아이언 스쿨 소프트웨어 엔지니어링 라이브 프로그램. 별도의 게시물을 통해 지금까지의 AWESS 경험에 대한 제 생각을 되돌아보겠지만, 먼저 제 1단계 프로젝트를 공유하고 싶었습니다. 1단계는 Javascript를 중심으로 진행되었으며, 시작하기 전에 사전 작업 커리큘럼에서 학습한 HTML과 CSS를 기반으로 합니다. 우리의 과제는 피치, 개발, 프레젠테이션까지 우리의 첫 번째 웹 기반 앱을 개발하는 것이었습니다. 제 파트너인 Gian과 저는 레시피 API(이 경우 데이터를 얻을 수 있는 온라인 데이터베이스)를 활용한 앱을 개발하기로 했습니다. 사용 가능한 공개 API 중 일부를 탐색한 후(키가 필요하지 않거나 .. 2022. 1. 11. 내가 지금까지 한 일 2부 (JS) 과거 블로그를 통해 현재 프로젝트를 진행하고 있는데, 이것이 제가 시간을 들여 작업한 것입니다. HTML, CSS, 자바스크립트로 만든 Roster`s의 간단한 메뉴입니다. 자바스크립트를 현대 영어로 번역할 때 경험이 부족해서 제가 설명하기가 좀 복잡할 것 같습니다. 제가 수탉 메뉴에 자바스크립트를 추가하는 것에 대해 설명하려고 하는 동안 양해해 주세요. 제가 만든 메뉴는 최대한 단순하면서도 우아한 느낌을 더하고 싶었습니다. 그래서 저는 간단한 메뉴를 만드는 대신 클릭할 때마다 페이드 인과 페이드 아웃을 애니메이션화하는 것을 추구했습니다. 이 애니메이션을 하기 위해서는 CSS와 JavaScript를 함께 만들어야 제대로 동작할 수 있었습니다. CSS 부분은 페이드인 및 페이드아웃의 원인이며, JavaSc.. 2022. 1. 11. Javascript의 'This'는 무엇입니까? 프로그래밍에서, 주어진 코드 블록이 무엇과 관련되는지를 의미하는 스코프라는 개념이 있다. 때때로 자바스크립트에서 우리는 this라는 단어가 이와 같은 함수에 연결되어 있는 것을 볼 수 있다. this.someFunction() 아니면 이런 건설자에 있을 수도 있죠. function Dog(name, age){ this.name = name this.age = age } 그렇다면 이 각각의 예에서 이것은 무엇일까요? 더 이상의 문맥이 없다면 정말 알 수 없기 때문에, 어떻게 이것이 무엇인지 판단할 수 있는지 살펴보도록 하겠습니다. 그러기 위해서는 범위가 무엇인지 어느 정도 이해를 해야 하는데, 여기에 범위에 들어가는 또 다른 게시물이 있습니다. 우리가 가지고 있는 가장 일반적인 범위는 글로벌이기 때문에 함.. 2022. 1. 4. 소프트웨어 공대생으로 첫 주 좋아요, 그럼 제가 좀 늦었네요. 난 소프트웨어 엔지니어링 부트캠프를 2주 동안 다니고 있는데, 어떻게 되어가고 있는지 알려주지 않을래? 저는 큰 전환기라 많이 긴장했고, 소프트웨어 엔지니어로서의 미래가 어떨지 아직도 고민하고 있습니다. 이 장은 다른 장이 끝나는 곳에 존재합니다. 저는 2021년 12월 13일 플랫아이언 학교에서 풀 스택 웹 개발자가 되기 위한 여정을 시작했습니다. 그 과정은 분명히 속도의 변화였지만, 더 나은 방향으로 나아졌다. 우리는 강좌가 시작되기도 전에 거의 60시간의 작업으로 우리를 소프트웨어의 세계로 들어오게 했습니다. HTML, CSS, 그리고 이제 자바스크립트에 대한 소개입니다. 하루 10시간 가까이 앉아 전혀 이질적인 공예품을 완성하기 위해 노력하는 것은 상상도 못한 작.. 2021. 12. 30. 렉스 체스란? 웹 개발 및 오픈 소스 체스의 세계에 오신 것을 환영합니다! 렉스 체스(Redux Chess)는 체스랩이 GitHub에서 개발한 임베디드형 체스 보드이다. 이것은 모든 사람이 환영받는 포괄적인 오픈 소스 프로젝트입니다. 관례에 의한 코딩 덕분에 새로운 기능을 추가하기 쉽지만, 기여자들은 또한 무언가를 부수고 실수로부터 배우도록 장려된다. Redux Chess는 사용이 간편한 체스 보드로서 React 응용 프로그램에 다음과 같은 다양한 기능을 제공합니다. 체스 게임 분석 추가 스터디를 위해 FEN 문자열 및 PGN 이동 텍스트 로드 이미지 다운로드 친구를 초대하여 체스 두기 경험적 접근 사진 찍기 그리고 더 많이! 경험적 접근 사진은 다음과 같은 몇 가지 평가 기능을 통해 보드의 진행 상황을 보여줍니다. .. 2021. 12. 30. 이전 1 다음
