velog.io

Vue.js(2) Component/Router

상위 컴포넌트 ---> 하위 컴포넌트props 전달하위 컴포넌트 ---> 상위 컴포넌트event 발생props속성은 컴포넌트 간에 데이터를 전달 할 수 있는 컴포넌트 통신법이다.props속성을 기억할 때 상위 컴포넌트에서 하위 컴포넌트로 내려주는 속성이라 기억하자pro

도봉도봉

velog.io

vue.js(1) 기초

Vue 기본 구조
>

instance 속성 , API들
>

>- el:인스턴스가 그려지는 화면의 시작점
template: 화면에 표시할 요소(html,css등)
data: vue의 반응성이 반영된 데이터 속성
methods: 화면의 동작과 이벤트로 로직을 제어하는

도봉도봉

velog.io

Jest

Jest는 페이스북에서 만든 Javascript 테스팅 라이브러리 입니다. Jest는 이전의 자바스크립트 테스팅 라이브러리와는 차별점을 가지고있는데 전에는 test를 진행하는데 있어서 test runner, matcher, mock등을 다른 라이브러리르 조합하여서 사용

도봉도봉

youtube.com

TypeScript 강좌

도봉도봉

youtube.com

React js 강좌

도봉도봉

velog.io

[JavaScript] 미니게임 프로젝트 | 메인 페이지

HTML, CSS, JavaScript를 이용한 미니게임 프로젝트

도봉도봉

velog.io

[JavaScript] 미니게임 프로젝트 | 기억력 테스트🧠

HTML, CSS, JavaScript를 이용하여 만든 기억력 테스트 게임

도봉도봉

tistory.com

[JS] React에 SOLID 원칙 적용하기

 https://bit.ly/3BfSV7E [번역] React에 SOLID 원칙 적용하기 원문 : https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377Photo by Jeff Nissen On UnsplashPhoto by Jeff Nissen on..

dracure

wishket.com

ECMAScript 2022 살펴보기 | 요즘IT

자바스크립트(JavaScript)는 ECMAScript를 준수하는 언어이기 때문에, 이번 발표는 JavaScript 사양의 변경으로도 해석할 수 있습니다. 사실 표준이 되기 전에도 이미 대부분의 브라우저가 이를 지원하고 있었기에 여러분도 이미 해당 제안(Proposal)을 써봤을 수도 있습니다. 저처럼 JavaScript를 주력 언어로 쓰시는 분들께는 이러한 ECMAScript의 발표가 굉장히 흥미로운(?) 이벤트인데요, 그래서 오늘은 ECMAScript 2022를 기점으로 새롭게 표준이 된 제안을 정리해보고자 합니다.

도봉도봉

wishket.com

자바스크립트에서 객체 지향을 하는 게 맞나요? | 요즘IT

이번 글에서는 객체지향 프로그래밍에 대해 이야기를 해보려고 합니다. 그리고 자바스크립트의 객체지향은 일반적인 객체지향 프로그래밍과는 어떻게 다른지 그리고 Javascript에서는 객체지향 프로그래밍을 어떻게 해야 하는 게 좋을지 한번 이야기해보고자 합니다.

도봉도봉

bitsrc.io

SOLID Principles in TypeScript

TypeScript had a tremendous impact on the matter of writing clean code in JavaScript. But there are always ways to improve, and one…

dracure

medium.com

5 Must-Know Patterns for Writing Clean Code With React

React is a popular framework that is constantly being improved and contributed to by the JavaScript community. As such, it continues to enjoy widespread popularity among developers despite the fact…

dracure

velog.io

JavaScript(ES6)

Destructured Assignment
우리는 데이터를 주로 객체에서 키-값 페어를 추출해서 변수에 저장해서 쓰곤 한다.
이 방법을 ES6를 통해 조금 더 쉽게 얻을 수 있다.

yuli_kim

youtube.com

[1만 시간의 법칙] 웹 페이지 제작

이번 강의는 HTML, CSS, JS로 간단한 웹 페이지를 만들어 보는 시간을 가져보도록 하겠습니다 :)
우리가 만들어 볼 웹 페이지는 바로, "1만 시간의 법칙 웹페이지!"

GwonYeong

velog.io

JavaScript로 알고리즘 구현하기

개발자들을 위한 블로그 서비스. 어디서 글 쓸지 고민하지 말고 벨로그에서 시작하세요.

yuli_kim

velog.io

[ 코딩애플 ] React 리액트 기초부터 쇼핑몰 프로젝트까지! ✏️

✏️ 서론
스파르타코딩클럽이 끝나고 나서 어떤기술을 공부해볼까 하다 튜터님께서 중요하다고 강조하신 React를 공부하기로 했다. 현업에서 많이쓰이고 있고 Javascript기반의 프레임워크이기때문에 배우기 쉬울거라 생각했다. 그런데, React문법을 배우니 아직까진 어렵다고 느낀다. 😅 열심히 하다보면 터득할 날이 오겠지!

yuli_kim