본문 바로가기

728x90

Today`s Study

(24)
22.04.13 수 블로그에 글을 올리는 것에 회의가 살짝 들어서 느슨해졌습니다. 공부한 것을 기록하기 위함이라지만 사실 내 자신이 꾸준히 공부했다는 것을 누군가에게 보여주기 위해서 작성하는 것이기도 합니다. 그렇다보니 지치게 되는 것도 있는 것 같습니다. 이 글이 과연 내게 도움이 될까? 이런 생각이 드는 것이죠. 그럼에도 돌아온 것은 오늘 하루를 정리해본다는 마음으로 글을 썼던 적도 있기 때문입니다. 그래서 어제 공부했던 것을 정리해보도록 하겠습니다. 이번주에는 async와 await, 이것을 활용한 API 호출, nodes.js, npm 을 공부해보았습니다. 1. async & await async와 await은 비동기 처리를 동기적으로 처리할 수 있게 해줍니다. async를 함수 앞에 붙이게 되면 Promise를 반..
22.04.10.일 [Promise] Promise에 대해서 제가 잘못 알고 있었던 지식이 있었습니다. async, await처럼 쓰는 줄 알고 있어 개념을 제대로 이해하지 못했습니다. 강의와 다른 자료들을 찾아본 결과 그 부분을 깨달을 수 있었고 개념을 이해할 수 있었습니다. Promise에 대해 정리해보겠습니다. 먼저 Promise는 객체입니다. Promise와 자신의 상태(pending, fullfilled, rejected)그리고 결과를 갖습니다. 이런 Promise는 왜 쓰는 걸까요? Promise를 쓰는 이유 비동기 처리를 위해 콜백함수를 사용했었습니다. 하지만 콜백지옥으로 인해 가독성이 떨어지고 로직을 변경하기 어렵습니다. 그래서 이를 해결하고 더 편하게 작성하기 위해 Promise를 사용하게 되었습니다. promise 형태 l..
22.04.09 토 Promise 관련해서 공부를 하고 있는데 이해하기 쉽지 않아 여러번 강의를 돌려보고 있습니다. 그외에도 다른 자료들을 찾아보면서 공부를 하고 있는데... 시간이 필요해보입니다. 내일까지 시간을 써서 Promise에 대한 개념을 제대로 잡을 생각입니다. Promise는 콜백지옥에 비해서 가독성, 깔끔함, 중간에 다른 작업을 할 수 있다는 장점이 있다. 이런 점을 숙지하면서 개념을 찾고 보고 있어서 조금씩 이해하는 중입니다. 내일이 되면 더 발전한 제가 되어있겠죠. 공부 내용 간단 정리. 비동기 작업이 가질 수 있는 3가지 상태 1. Pending ( 대기 상태 ) 비동기 작업이 진행 중이거나 실행할 수도 없는 문제가 발생한 상황 2. Fulfilled ( 성공 ) 비동기 작업이 정상적으로 완료된 상태 3..
22.04.07 목 야구장 알바 끝나고 와서 쓰는 글입니다. 다행히 기아가 이겨서 9회 초만 하고 끝나 일찍 집에 올 수 있었네요 오늘은 야구장 가기 전에 잠깐 강의를 보았습니다. 1. 비 구조화 할당 대괄호를 사용해서 값을 순서대로 할당받는 문법으로 객체, 배열에 쓰인다. let arr = ["one", "two", "three"]; let [one, two, three] = arr; console.log(one, two, three) // one, two, three // 여기서 더 줄일 수 있다. let [one, two, three] = ["one", "two", "three"] console.log(one, two, three) // one, two, three // 선언되지 않은 값을 부르면 undefined l..
22.04.06 수 오늘 배운 것은 truthy, falsy, 삼항연산자, 단락회로 평가다. Truthy, Falsy 불리언 true가 아님에도 불구하고 true로 분류하는 것을 Truthy, 불리언 false가 아님에도 불구하고 false로 분류하는 것을 Falsy라고 한다. truthy는 빈 배열, 빈 객체, Infinity, 숫자값, "0", 문자열 등이 있다. falsy는 null, undefined, 숫자 0, -0, NaN, ""(빈 문자열) 등이 있다 이 개념을 활용한 코드 const getName = (person) => { } return person.name; }; let person = { name: "이정환" }; const name = getName(person); console.log(name); ..
22.04.05 화 야구장 알바 끝나고 쓴다면서 다음날에 쓰고 있습니다. 하하.. 야구가 늦게 끝나서 10시 반에 도착하고 쉬다가 잠들어버려서 지금에서야 작성합니다. 야구장 알바를 가기 전에 강의 하나를 듣고 갔습니다. 배열 내장 함수라는 챕터의 강의를 들었는데 간단히 정리해보겠습니다. forEach는 배열을 순서대로 순회하는 메서드 const arr = [1, 2, 3, 4]; arr.forEach((elm) => console.log(elm)); //함수 선언문으로 나타내면.. arr.forEach(function (elm) { console.log(elm); }); map도 순회하지만 새로운 배열을 생성하는 메서드 const arr = [1, 2, 3, 4,]; const newArr = arr.map((elm) =>..
22.04.04 월 일지 쓰는 게 늦었습니다. 화요일인데 어제인 월요일 일지를 쓰고 있네요... 어제는 도서관을 가서 다음 리액트 강의를 들었습니다. 그 전에 들었던 리액트 강의는 기초적이고 리액트를 통해 간단하게 페이지를 만들어보았다면 이번 강의에서는 파이어베이스를 활용해 CRUD가 가능한 웹페이지를 만듭니다. 지금은 리액트를 다루기 전에 짚어야 할 JS를 듣고 있습니다. 처음에는 참 어렵게 생각했던 개념들이 리액트 강의를 통해 여러번 들으니 이제는 이해가 되었습니다. 하지만 개념을 추상적으로 알고 있을 것이 아니라 분명하게 알고 설명할 줄 알아야겠습니다. 그래서 이 강의를 다 듣고 문서화를 거치면서 그 부분을 해결할 생각입니다. 또한 이번 리액트를 끝으로 웹페이지를 제작할 생각을 가지고 있습니다. 괜찮은 아이디어? 라기..
22.03.22 화 인프런에서 듣고 있는 리액트 강의를 완강했습니다. 리액트를 배우는데 두 번 정도 실패를 하면서 자바스크립트 공부가 부족하다, 내게 어떤 부분이 부족한 것이다 등등 이런 저런 이유를 찾으면서 리액트를 공부하는 것을 미뤘습니다. 그러다가 다시 공부를 시작했고 오늘 드디어 리액트 강의를 완강했습니다. 기초 강의기 때문에 쉽게 배울 수 있었고 배운 것을 정리해보면서 전에 배운 개념들을 다시 정리해보는 좋은 시간이었던 것 같습니다. 그리고 제가 몰랐던 부분들도 채울 수 있어서 만족스러웠던 강의였습니다. 하지만 들으면서 제가 흘린 개념들도 몇몇 있어서 이 강의에서 배운 개념들을 바탕으로 문서화 시킬 생각입니다. 리액트가 무엇인지, 왜 쓰는지, 어떤 개념들을 사용했고 어떻게 사용하는지 등을 정리하여 하나의 문서로 정..

728x90