개발자/Web 썸네일형 리스트형 자바스크립트 기본 문법 강의 6 Async Programming Thread는 가장 작은 작업 단위 자바스크립트 Single Thread: 한 순간에 단 하나의 작업만 실행한다. 1. Async theory /** * Async theory */// function longWork() {// const now = new Date();// /**// * milliseconds since epoch// * 1970년도 1월 1일부터 지금 코드가 실행되는 순간까지의 시간을// * 밀리초로 반환한다.// */// const milliseconds = now.getTime();// const afterTwoSeconds = milliseconds + 2 * 1000;// while(new Dat.. 자바스크립트 기본 문법 강의 5 객체의 모든 것 1. 객체를 만들 때 사용하는 방법 3가지 /** * All about objects * * 객체를 선언할때 사용 할 수 있는 방법들 * 1) object를 생성해서 객체 생성 - 기본기 {} * 2) class를 인스턴스화해서 생성 - class와 OOP * 3) function을 사용해서 객체 생성 */const yuJin = { name: '안유진', year: 2003,};console.log(yuJin);class IdolModel{ name; year; constructor(name, year){ this.name = name; this.year = year; }}console.log(new IdolModel('안유진', 2003));.. 소스 코드가 포함된 50개의 자바스크립트 프로젝트 소스 코드가 포함된 50개의 자바스크립트 프로젝트 코더 지망생 여러분, 안녕하세요! 코딩 토크에 여러분을 초대하게 되어 기쁩니다. 오늘, 여러분의 자바스크립트 실력을 한 단계 끌어올릴 수 있는 흥미로운 기회를 마련했습니다. 초급자부터 중급자 수준의 개발자까지 모두를 위한 프로젝트가 준비되어 있습니다. 코딩 여정에서 새로운 차원에 도달하도록 도전과 영감을 주는 역동적이고 매력적인 50개의 JavaScript 프로젝트 목록을 엄선했습니다. 이 프로젝트를 통해 기술 역량을 강화할 뿐만 아니라 실제 애플리케이션에 기술을 적용하는 방법에 대해 더 깊이 이해할 수 있습니다. 자, 이제 노트북을 챙겨서 시작해보세요! 문서 출처 Table of ContentsRandom Password Generator using.. 자바스크립트 기본 문법 강의 4 Class and OOP 1. Class Keyword /** * Class Keyword */class IdolModel { name; year; constructor(name, year) { this.name = name; this.year = year; } sayName(){ return `안녕하세요 저는 ${this.name}입니다.`; }}// constructor - 생성자const yuJin = new IdolModel('안유진', 2003);console.log(yuJin);const gaeul = new IdolModel('가을', 2002);console.log(gaeul);const ray = new IdolModel('레이', 2004);.. 모든 자바스크립트 개발자가 알아야 할 33가지 기본 사항 모든 자바스크립트 개발자가 알아야 할 33가지 기본 사항 React를 배웠고, npm 설치를 마스터했으며, webpack.config.js를 다룰 수 있습니다. 모듈만 있다면 무엇이든 할 수 있고, 모든 것을 위한 모듈이 있는 것처럼 보입니다. 하지만 모듈을 찾을 수 없다면 어떻게 될까요? 스택 오버플로에서 답을 찾을 수 없을 때 어디로 가야 할까요? 탄탄한 개발자가 된 것 같지만 속 한구석에서 무언가 갉아먹는 듯한 느낌이 듭니다. 당신은 그것에 대해 생각하고 싶지 않지만 거기에 있습니다. 사실... 이 중 많은 부분이 여러분에게는 마법과도 같습니다. 예시가 없다면 어떤 경우에는 어떻게 해야 할지 전혀 모를 수도 있습니다. 어떻게 해야 할까요? 누군가 알게 되면 어떻게 하나요? 화이트보드가 무서운 진짜.. 50일 동안 50개의 프로젝트 - HTML/CSS 및 자바스크립트 50 Projects in 50 Days - HTML/CSS and JavaScriptThis is the main repository for all of the projects in the course.Course Link#ProjectLive Demo01Expanding CardsLive Demo02Progress StepsLive Demo03Rotating Navigation AnimationLive Demo04Hidden Search WidgetLive Demo05Blurry LoadingLive Demo06Scroll AnimationLive Demo07Split Landing PageLive Demo08Form WaveLive Demo09Sound BoardLive Demo10Dad Jokes.. 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 소개 이 레포지토리는 개발자들이 자바스크립트의 개념을 마스터하는 것을 돕기 위해 만들어졌습니다. 필수적인 것은 아니지만 나중의 공부에 있어서 지침서가 될 수 있을 것입니다. Stephen Curtis의 저서를 기반으로 만들어졌으며, 이곳에서 해당 저서를 읽을 수 있습니다. 자료 출처 목차호출 스택 원시 자료형 값 타입(Value Type)과 참조 타입(Refecrence Type) 명시적 변환, 암시적 변환, Nominal, 구조화, 덕 타이핑 == vs === vs typeof 함수 범위, 블록 범위, 렉시컬(lexical) 범위 식(expression) vs 문(statement) IIFE, Modules, Namespaces 메시지 큐와 이벤.. 자바스크립트 기본 문법 강의 3 자바스크립트는 개발자가 웹 사이트의 대화형 프론트엔드 요소를 구축할 때 웹 요소를 완벽하게 제어하기 위해 사용하는 객체 지향 프로그래밍 언어입니다. 대부분의 브라우저는 내장된 실행 환경으로 인해 이 적응형 언어를 지원합니다. 개발자는 이를 HTML, CSS, JS 프레임워크와 결합하여 강력한 웹 프로그램을 만들 수 있습니다. JS를 처음 시작하는 사람은 몇 가지 자바스크립트 프로젝트를 통해 자신의 기술과 지식을 테스트해야 합니다. 이를 통해 실무 경험을 쌓고 작동 원리에 대한 실질적인 아이디어를 얻을 수 있습니다. Array Functions /** * Array Functions */let iveMembers = [ '안유진', '가을', '레이', '장원영', '리즈'.. 이전 1 2 다음