https://velog.io/@mageboy 로 이사합니다!

✍ 오늘 공부에 대해 오늘 처음으로 다 때려치고 싶었다. 리액트라는것을 배우는데 기존에 JS문제 깔짝깔짝 거리는거랑 다르게 너무 힘들었고 어려웠다. 세상이 다 싫었다. 내가 이걸 할수있을까 라는 생각이 들고 페어활동도 하기 싫었다. 근데 대체 어떻게 하지 라는 생각보다는 어차피 4일 동안 손가락만 빨 순 없으니까 '해내야 하니까 어떻게 해내지' 라는 것에 초점을 맞추니까 ... 어떻게든 사람이 살려고 발버둥 치니까 되더라.. 허나 그래도 리액트부분이 어려운것은 맞다. 왜 리액트가 어렵냐? HTML CSS부분이 내가 취약한 부분인데 그걸 짬뽕시킨것 같다.. 왜 HTML CSS부부닝 취약하냐? 개념공부를 제대로 안해서 . 맨날 알고리즘 문제만 푸려고 하니까.. 미래의 나야 이글을 다시 봤을때는 ㅈ밥 리액트 ..

✍ 오늘 공부에 대해 고차함수에 대해 배웠다... map filter reduce 라는 내장 메서드와 고차함수를 왜 배워야 되는지에 대해 조금은 알 것같다. 대부분 느끼는 거지만 개념을 볼땐 무슨말인지 모르다가 페어와 이야기를 나누면서 점점 이해가 되는것같았다. 🧡 오늘 감정에 대해 😍 좋았던 것(Liked) : 페어와의 활동은 항상 도움이 된다. 또한 내장 메서드의 사용을 통해 for 구문이 꼭 필요는 없구나 라는걸 배웠다. 💦 부족했던 것(Lacked) : 고차함수의 개념과 용어를 완벽히 숙지하지 못했다. 🕯 바라는 것(Longed for) : 개념 공부를 한번에 다 외우려하기보다 꾸준하게 반복하여 보는게 나을 것 같다.. 📄오늘의 띵언 습관이란 인간으로 하여금 어떤 일이든 하게 만든다. 도스토예프스키

고차함수 함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수를 콜백 함수라고 하며 매개변수를 통해 함수의 외부에서 콜백 함수를 전달받은 함수를 고차 함수(Higher-Order Function)라고 한다. 일급객체의 3가지 특징 1. 변수에 할당 가능 2. 다른 함수의 인자로 전달 가능 3. 다른 함수의 결과로써 리턴 가능 => 따라서 JS에서 함수는 일급 객체 고차함수란? - 함수를 인자로 받는 함수 Example 1) 함수를 인자로 받는 다는건...callback이란 느낌일까? function double(num) { return num * 2; } function doubleNum(func, num) { return func(num); } /* * 함수 doubleNum은 다른 함수를 인자로 ..

Q1. List Filtering In this kata you will create a function that takes a list of non-negative integers and strings and returns a new list with the strings filtered out. 나의 풀이 function filter_list(l) { // 새로운 빈 배열 선언 할당 newArr = []; // for of 반복문사용해 만약 요소값의 타입이 숫자면 newArr에 푸쉬해줌 for (let value of l) { if (typeof (value) === 'number' ) { newArr.push(value); } } return newArr; } 다른 풀이 function filter..

✍ 오늘 공부에 대해 이벤트 객체에 대해 배웠는데 .. 약간 멘붕이 왔다.. 그래서 조금 하기 싫었다.. 왜 멘붕이 왔냐? 막 함수를 만들고 event 어쩌구 적는데 무슨말인지 모르는채로 그냥 따라적음...그리고 따라 만듬... 아.. 인생... 근데 고무적인것은 이글을 빨리 적는다는것은 내가 보충공부를 빨리 시작한다는 것이다... 해보자! 🧡 오늘 감정에 대해 😍 좋았던 것(Liked) : 지금 이시간부터 모르는 부분을 복습하려고 하는것 💦 부족했던 것(Lacked) : 이해가 잘 안되고 잘 안들을려고함 수업을 왜? 모르니까 모르면 더 들어야되는거 아니냐? 적당히 모르면 그럴수 있지만 아예 모르니까 듣기가 싫었다. 🕯 바라는 것(Longed for) : 부족했던 부분을 인지하자. 그리고 채우려고 노력 ..

DOM(Document Object Model) DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API 즉 프로퍼티와 메서드를 제공하는 틀 자료구조이다. 노드(Node) 노드란 매듭, 절, 집합점, 중심점이라는 사전적 의미를 가지고 있으므로 여러 분야에서 넓게 이용되는 단어이다. 예를 들어 식물의 경우 줄기와 잎을 연결하는 곳을 노드라고 부르기도 한다. HTML DOM은 노드(node)라고 불리는 계층적 단위에 정보를 저장하고 있다. HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해 주는 역할을 함. HTML에 JS 적용하기 - HTML에 JS를 적용하기 위해서는 HTML파일에서 createElement : 새로운 엘리먼트를 만드는 도구 const twe..

❓ 왜 쓰냐 For in 구문과 For of 문이 배열에서 써야되는지 객체에서 써야되는지 언제 써야 되는지 너무 헷갈림.. 그래서. 1. 각각의 개념에 대해 2. 두 구문의 차이에 대해 알아보려고 한다. 📄 내용 For... in에 대해 객체의 모든 프로퍼티를 순회하며 열거할때 for...in 문을 사용한다. for (변수선언문 in 객체) {...} Example 1-1) For in의 예제 const person = { name: 'Lee', address: 'Seoul', proto: { age: 20} }; for (const key in person) { console.log(key + ': ' + person[key]); } // name: Lee // address: Seoul // prot..

✍ 오늘 공부에 대해 html파일을 자바스크립트로 조작하는 querySelector등을 실습하였다. 예전에 생활코딩이라는 곳에서 querySelector등을 왜 쓰는지 궁금했을때 거기서는 그냥 쓰는거니까 묻지마세요라고 하고 넘어가서 걍 썼지만 이제는 왜 써야하는지 조금씩 알 것 같았다. 또한 연속으로 페어분들이 너무 좋은사람들을 많나서 이야기?도 엄청 많이 했던것 같다! 🧡 오늘 감정에 대해 😍 좋았던 것(Liked) : 페어분과 같이 코딩 외의 이야기를 엄청 많이 했던것! (삼성...배민...등등...) 💦 부족했던 것(Lacked) : 내가 많이 뭔가를 알아보려는 노력을 더더더더 많이 해야겠다. 🕯 바라는 것(Longed for) : 체력이 있었으면... 📄오늘의 띵언 두 배로 생각하라 두 배로 노력..

✍ 오늘 공부에 대해 레스트 문법과 스프레드 문법에 대해 배우고 코난프로그램?을 통해 이제껏 배운 내용을 복습하였다. 페어님과 함께하게 되었는데 그 페어분이 개발자 분이셨다. 개발자 분을 내가 처음 만나서 떨렸는데 되게 친절하시고 잘 기다려 주셔서 잘 진행했던느낌이 있다. 다만 내가 앞으로 해야 할 것은 대충 문제가 풀린다고 끝이 아니라 계속 틀리는것을 복습하는 연습이 필요함. 🧡 오늘 감정에 대해 😍 좋았던 것(Liked) : 페어 분이 너무 멋있었음 💦 부족했던 것(Lacked) : 복습을 잘 하지 않았던것...근데 그건 시간이 .. 🕯 바라는 것(Longed for) : 내가 자주 틀리는것을 적어두고 복습하자 📄오늘의 띵언 복습하는 것은 외우기 위함이 아니다. 몇 번이고 복습하면 새로운 발견이 있기..

✍ 오늘 공부에 대해 공부법이 바뀌었다. 기존에는 학습을 공책에 받아적고 그것을 정리 공책에 받아적고 그것을 블로그로 다시 올려야 해서 너무 소모가 심했다. 그래서 필기 공책에 받아적은것을 이렇게 블로그로 올리면서 다시 정리한다. 또한 정리한 내용들은 T.I.L에 올린다. 여기는 감정 위주로 클로저를 이해하는데 너무 빡셌다. 뭔말인지 모르겠어서 자바스크립트 책 사놓은것을 봤는데 역시 나는 예제를 많이 보고 이해를 해야 잘 이해 되는것 같다. 스코프 부분은 예전에 공부할때 약간 찍먹했었어서 별 무리가 없었지만 조금 특별한 부분도 알게 되었다. 🧡 오늘 감정에 대해 😍 좋았던 것(Liked) : 블로그를 어쨌든 다시 시작하니 새로운 기분이 든다. 새로운 마음으로 아자아자!! 💦 부족했던 것(Lacked) :..