설모의 기록

Destructuring? 비구조화?? Destructuring 은 ES6 부터 등장한 개념입니다. 기존에 객체를 선언했던 구조를 반대로 사용한다고 이해하시면 좋을 것 같습니다.먼저 코드 예시부터 보겠습니다. let arr = ["1", "2", "3"];기본적인 배열 선언은 위와 같습니다. 1, 2, 3 이라는 데이터에 접근하기 위해서는 arr[0] 이런식으로 접근해야만 했습니다. 하지만 destructuring 을 이용하면 다음과 같은 접근도 가능합니다. // destructuring 이용 X let arr = ["1", "2", "3"]; let first = arr[0]; let second = arr[1]; let third = arr[2]; console.log(first, second, th..

우아한형제들 김민태님 & 우아한형제들 이동욱님 오늘은 현업의 두 개발자 분들이 오셔서 강연을 해주셨습니다. 그 내용을 간략하게 정리해보려고 합니다. 김민태님 먼저 강연해주신 분은 김민태 님이었습니다. 입사 전 우아한형제들에서는 직접 woowahanJS 를 개발해 사용하고 있다는 것을 알게 되었고, 이렇게 필요한 것을 직접 개발해서 사용하는 회사라는 것에 멋있다는 생각을 하며 지원했었는데.. 이것을 개발한 분이 김민태 님이었다는 것을 다시 검색해보며 알게 되었습니다. 관련 링크는 아래와 같습니다.MASCON 2017우아한형제들 기술블로그오늘 강연에서 3가지 주제 중 한가지를 선택할 기회를 주셨는데, 나머지 2개도 들어보고 싶은데 아쉬웠습니다ㅠㅠ그래도 오늘 주제를 들은 것에 너무 감사했습니다. 김민태님께서 ..

JavaScript 의 기초 오늘 배운 var, let, const 키워드와 함수에 대해 정리한 글입니다. var, let, const 를 이용한 변수 선언JavaScript 에서의 함수오늘은 CHROME 의 개발자도구 사용법과 JavaScript 의 기초 문법을 공부했습니다. JavaScript 는 매우 유연한 언어이며 컴파일러 언어가 아닌 한줄 한줄 읽어가며 실행하는 인터프리터 언어입니다. 또한 함수 단위로 Context 를 가지는 특징을 가지고 있습니다. 이 때문에 ES6 부터 let, const 키워드가 등장하기도 했습니다. 오늘 Crong 의 강의에서 배운 내용 중 Ojbect 와 Array 에 대해 정리해보겠습니다. Object클래스라는 틀을 이용해서 인스턴스를 생성하는 Java와는 달리 Ja..

AWS EC2 와 IAM & Database 오늘은 AWS 가 제공하는 서버인 EC2를 생성하는 방법과 mySQL 를 사용해 Database 쿼리를 연습하는 과정을 공부했습니다. 그 중 가장 어려웠던 개념인 데이터베이스의 인덱스에 대해 정리하겠습니다. Index?'기본키로 unique 한 숫자를 설정하면 검색할 때 빠르대~' 라는 말을 얼핏 들었었는데요. 그냥 기본키를 숫자로 설정하면 검색에 도움되는 줄 알았는데 오늘에서야 잘못된 지식이였다는 걸 알게 되었습니다 T^T😭😰 우선 인덱스는 레코드를 검색할 때 좀 더 빠르게 검색하기 위해 사용하는 것은 맞습니다. 만약 [ '스프링부트 코딩공작소' 책에서 MVC 에 대한 내용을 찾아보시오 ] 했을 때 앞에서부터 쭉 읽어보면서 찾는다면 시간이 많이 걸리겠죠? 그..

브라우저 동작 방식 오늘은 프론트엔드의 HTML 문서에 CSS 를 입히는 연습을 했습니다. 그 전에, 브라우저에 대한 기본적인 브라우저에 대한 크롱의 온라인 강의를 보는 시간을 가졌는데요. 그 동안 '브라우저' 라고 쉽게 부르던 것이 대체 무엇을 하는 건지 궁금해하다 네이버D2 블로그에서 잘 정리된 글을 읽게 되어 공유합니다.일반적으로 제 블로그인 http://hyeooona825.tistory.com/ 를 화면에 렌더링 하는 과정에서도 많은 일이 일어납니다. 먼저 HTML 을 파싱해 브라우저가 이해할 수 있는 구조로 변환하는 과정이 일어납니다. HTML 문서를 읽어가며 CSS 와 같은 자원들을 해당 서버에 요청해 얻어와 CSS 또한 파싱합니다. 파싱된 HTML 문서에 CSS 를 입혀 렌더링 엔진을 통해..