본문 바로가기

분류 전체보기

 (231)
자바스크립트 Tutorial By Ellie (5) 7. 오브젝트 넌 뭐니? // Objects // one of the JavaScript's data types // a collection of related data and/or functionality // Nearly all objects in javaScript are instance of Object // object ={ key : value }; // 비효율적 // const name = 'ellie'; // const age = 4; // print(name, age); // function print(name, age) { // console.log(name); // console.log(age); // } //////////////////////////////////// // 1. L..
자바스크립트 Tutorial By Ellie (4) 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 메소드가 없고 필드만 있으면 "데이터 클레스" 내부적으로 보일수 있는변수와 밖에서 보일수 있는 변수를 "캡슐화" Class를 이용해 상속, 다양성이 가능한데 이런것들이 가능한게 "객체지향언어" Class 붕어빵을 만들 수 있는 "틀" (청사진, 템플릿 이라고도 부름) Class를 이용해 새로운 인스턴스를 생성하면 object가 된다 Class는 정의만 한것이라 메모리에 올라가진 않는다 Object를 넣으면 메모리에 올라가게 된다 JavaScript Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference 'use strict'; // Obj..
자바스크립트 AnotherCourse By Ellie (1) 자바스크립트 함수 ////////////////////////////////// // 1. 함수 선언 & 호출 ////////////////////////////////// // 함수 선언 function dosomething() { console.log('hello'); } // 함수 호출 dosomething(); ////////////////////////////////// // 2. 갑을 리턴하는 함수 ////////////////////////////////// //어떤함수는 인자값들을 받아와서 코드를 수행한다 function add(a, b) { const sum = a + b; //계산한 값을 전달하고 싶다면 return sum; } // function add(a, b)에 1, 2가 전달된..
02.Typescript : creating-classes
flexbox 연습 사이트 https://flexboxfroggy.com/
CSS selector 연습 사이트 https://flukeout.github.io/
Print# LandingPage Project Preview : 사이트 방문 : https://hopeful-bartik-7f11bd.netlify.app/# 개발목표 : 인쇄소 홈페이지를 의뢰받아 제작한다는 컨셉으로 구현하였습니다. 지금까지 공부한 HTML, CSS, Javascript를 사용하여 이해도를 높이고 실제로 웹페이지 제작시 어떻게 사용되는지를 익히는데 집중하였습니다. 대부분의 코드에 주석을 달아 다시 코드를 참고할 수 있도록 하였고 새롭게 배운 내용은 블로그에 기록하였습니다. 구현기간 : 2021-05-10 ~ 2021-05-24 Skills : HTML, CSS ( SCSS ), JavaScript 배포 : Netlify 시연영상 : https://youtu.be/uxzyqD7RBCc Code : https://github.com/b..
자바스크립트 Tutorial By Ellie (3) Javascript를 배우고나면 Typescipt를 꼭 배워라! 5. Arrow Function은 무엇인가? 함수의 선언과 표현 // Function // - fundemental building block in the program // - subprogram can be used multiple times // - performs a task or calculates a value // 1. Function declaration // function name(param1, param2) { body ... return; } // one function === one thing // namin: doSomethingg, command, verb // e.g. createCardAndPoint -> cr..

티스토리툴바