1. 한가지 수단으로 공부하지마라. 책,동영상, 사이트 등 여러가지 시각으로 공부해라! 사이트는 자바스크립트인포, mdn 추천 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference JavaScript 참고서 - JavaScript | MDN 이 페이지는 JavaScript 언어에 대한 정보 보관소입니다. 이 참고서에 대해 더 읽어보세요. developer.mozilla.org https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 2. 문법을 안다고 프로그래밍을 할 수 있지 않다. 프로그래밍(컴퓨터와의 대화)을 잘하려면, 프로그래밍을 사고력을 길러야한다. 프로그래밍 사고력 기르는 방법..
마크다운 (MarkDown) 이란 마크다운(MarkDown)은 산문을 읽고, 쓰고, 편집하기 쉬운 목적으로 만들어진 문서 작성을 위한 형식으로 사용되며, 문법이 간결하고 HTML삽입이 가능합니다. 또한 마크다운을 작성한 문서의 표현 방식은 CSS의 설정에 따라 달라집니다. 사람들이 자주 쓰는 Discord또한 일부 마크다운 문법을 지원합니다. 본 강좌는 깃헙 마크다운 css 기준으로 진행합니다. 따라서 밸로그 마크다운 프리뷰와 약간의 차이가 있을 수도 있습니다. [ 마크다운 장점 ] 문법이 간결하고 쉽다. 마크다운은 모든 것에 사용할 수 있습니다. (웹 사이트, 문서, 메모, 기술 문서 등) 마크다운은 지원하는 플랫폼이 많습니다. ( Github, Discord 등) 마크다운은 대부분의 환경에서 편집, ..
🌈 사람과 컴퓨터가 다르다는것을 인지하자. 사람은 직관적으로 생각하는 습성이 있다. 사람은 어떠한 질문을 받을 때 직관적으로 떠오른 것을 대답한다. 같은 문제를 낼 때 컴퓨터(또는 컴퓨터 프로그램)라면 안다와 모른다를 1초 안에 답할 수 있을까? 성능이 매우 뛰어난 컴퓨터가 아니라면 어렵다. 컴퓨터는 자신이 이 단어를 아는지 모르는지 판단하기 위해 컴퓨터에 저장된 단어를 모두 찾아봐야 한다. 이렇듯 사람과 컴퓨터는 사고하는 방식이 다르다. 예시를 하나 더 들어보자. 자주 가는 동네 편의점에서 물건을 산 뒤에 핸드폰을 보며 집으로 돌아갈 때, 핸드폰에 집중하다가 정신을 차려 보니 어느덧 자신의 집 앞임을 알아차릴 때가 있다. 사람이 이렇게 할 수 있던 것은 무의식의 도움이거나 몸이 기억하기 때문이다. '편..
const a = 'age'; const dongwook = { id: 'dddda321', name: '동욱', "full name": '강동욱', [a] : 26, getNameFunction : function () { console.log('펑션 동욱입니다.'); }, getName() { console.log('동욱입니다!!!'); console.log('function this :', this); console.log(this.name); }, getNameArrowFunction : () => { console.log('애로우 펑션 동욱입니당당당당~~'); console.log('arrow function this :', this); console.log(this.name); } } cons..
const dongwook = { id: 'dddda321', name: '강동욱', age: '26', habit: 'coding', }; // const id = dongwook.id; // const name = dongwook.name; // const age = dongwook.age; // const habit = dongwook.habit; const { ID, habit } = dongwook; console.log(ID, habit); // undefined "coding" // 객체를 구조분해 할때 반드시 객체의 키값으로 해야한다 !!!!! const arr1 = ['dongwook98', '동욱', 26]; // const dongwookId = arr1[0]; // const don..
for(let i=0; i { showBall(winBalls[i], $result) }, (i+1) * 1000); } 다음 코드는 내가 로또 생성기를 만들다 쓴 코드이다. 변수 winBalls는 당첨숫자 6개를 저장한 배열 데이터이고 showBall 함수는 아래와 같이 화면에 당첨숫자가 나오게 해주는 코드이다. 앞에서 작성한 반복문을 잠깐 let에서 var로 바꿔보았다. for(var i=0; i { showBall(winBalls[i], $result) }, (i+1) * 1000); } 단순히 var로 바꿨을 뿐인데 결과가 완전히 달라진다. winball[i]와 i를 콘솔로 출력하면 모두 undefined, 6으로 나온다. for(var i=0; i { console.log(winBalls[i],..
고차함수란? 함수를 호출할 때마다 반환 함수를 생성하는 함수를 고차 함수(high orderr function)라고 한다. const func = () => { return () => { console.log('hello'); }; }; 반환된 함수는 다른 변수에 저장할 수 있고, 그 변수에 저장된 함수를 다시 호출할 수 있다. const innerFunc = func(); innerFunc(); // hello 반환하는 값을 바꾸고 싶을 때는 매개변수를 사용한다. const func = (msg) => { return () => { console.log(msg); }; }; 화살표 함수 문법에 따라 함수의 본문에서 바로 반환되는 값이 있으면 { 와 return을 생략할 수 있다. const func =..
const a = (event) => { console.log(event.target.value) }; document.querySelector(‘#plus’).addEventListener(‘click’, a); event 객체는 어디서 나오는걸까? 아이디가 plus인 태그를 클릭하면 브라우저가 몰래 a라는 함수를 실행 해준다. 그러면서 a 함수에 event 객체를 인수로 넣어준다. 그래서 아이디가 plus인 태그를 클릭을 했을때 a라는 함수를 브라우저가 대신 호출해주면서 event라는 객체를 만들어서 같이 인수로 넣어준다. const a = (event) => { console.log(event.target.value) }; 그래서 그 인수로 넣은 event 를 위 코드에 매개변수로 전달이 되는것이다.
컴포넌트 주도 개발(CDD) 란? - 컴포넌트 중심으로 UI 개발하는 방법론 컴포넌트 주도 개발의 탄생 - 소프트웨어 엔지니어 Tom ColeMan 이 컴포넌트 아키텍처 및 프로세스 UI의 개발 변화를 설명하기 위해 Component Driven Development를 소개 (2017) 했다. 컴포넌트 주도 개발 (CDD) - 컴포넌트를 모듈 단위로 개발하여 사용자 인터페이스(UI) 구축에 도달하는 개발 및 설계 방법론이다. 기본적인 컴포넌트 단위부터 시작하여 UI 뷰(view)를 구성하기 위해 점진적으로 결합(조립)해가는 상향적(bottom-up) 성향을 띈다. 컴포넌트란? - 상호 교환 가능하고 표준화 된 UI 구성 요소이다. UI 조각의 모양, 기능을 캡슐화한다. LEGO 벽돌을 떠올려보자. - 컴..
목표 상기하기 - 프로그래밍 사고 - 공부방법 - 커뮤니케이션 - 공부시간 온전히 집중 - 기상시간 - 개인공부 Keep - 개인공부 Problem - 프로그래밍 사고 - 공부방법 => 현재 강의만 보고 정리중 - 공부시간 온전히 집중 => 초조해져서 그런지 집중이 잘 안됨 - 기상시간 => 할게 너무많아 계속 늦게까지 하다가 자게됨..😔 Try 작성하기 및 우선순위 1순위. 프로그래밍 사고 => 프로그래머스 하루에 4문제씩 풀기 2순위. 공부방법 => 노트정리 (중요한것만) 3순위. 공부시간 온전히 집중 => 마인드컨트롤해야할듯 4순위. 기상시간 => 이것도 마인드컨트롤 Section2를 마치면서.. Section2도 배우는 내용이 너무많다.. 초조해지지 않는게 제일 중요한 것 같다.. 천천히 꾸준히 ..
