반응형

개발일지 47

[TIL] 210720 오늘 공부는 ES6의 비구조화 할당(Destructuring Assignment)

ES6에 새로 도입된 여러가지 문법이 있다. 그 중 익숙한 let, const, spread operator 같은 것들 외에, 처음 들어본 비구조화 할당 개념에 대해 공부했다. 비구조화 할당은 뭔가 번역이 어색하지만(?) 정의는 이렇다. 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식이다. 배열에서는 이렇게 사용할 수 있다. ES5에서, vegetable 이라는 배열의 값을 각각 변수에 할당해주었다. const vegetable = ["onion", "mushroom", "pepper", "cabbage","potato"]; let yangpa = vegetable[0]; let baechu = vegetable[3]; let gochu = vegetable[..

개발일지/TIL 2021.07.21

[TIL] 210719 오늘 공부는 box-model과 flex-model

CSS 관련해서 정의나 개념을 공부해 본 적은 없었다. 클론코딩할때 아이템들을 가로로 배열하고 싶을때 display: flex 쓰고, 수평정렬하려고 align-items: center, jusitify-content: center 만 썼던것이 다였다. Box model 모든 HTML 요소는 박스모양으로 구성되며, 이것을 박스모델이라고 한다. 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다. ✨padding, border, margin, content로 구성 되어있다. content: 박스의 실질적인 부분, 색상을 가질 수 있고, width, height 속성을 가진다. padding: border 안쪽에 위치하는 영역으로, ..

개발일지/TIL 2021.07.20

[TIL] 210716 오늘 공부는 이벤트 루프. 자바스크립트 동작 원리

자바스크립트의 메모리 힙이나 콜스택 등의 용어와 작동원리를 공부해봐야지 하다가 날 잡고 한번 유튜브 보고 공부해야겠다 생각이 들어서, 유튜브 보면서 그림으로 이해하니 좀 잘 되었다. 우리밋 님의 유튜브를 보면서 공부했다. 간단한 예제를 보면서 보니까 이해가 좀 쉽긴한데, 태스큐외에도 마이크로태스크 큐, 잡 큐 등이 더 있다고 한다. 더 딥하게 공부해봐야 할 것 같다. 자바스크립트 엔진 구조 자바스크립트의 엔진은 Memory Heap과 Call Stack으로 구성되어 있다. 가장 유명한 것은 구글의 V8 엔진 자바스크립트는 단일 스레드 프로그래밍 언어 , 즉 Call Stack이 하나라는 뜻, 따라서 여러 작업을 여러개로 분산하지 않고 하나씩 하나씩 처리한다. - 메모리힙: 메모리 할당이 일어나는 곳 ( ..

개발일지/TIL 2021.07.17

[TIL] 210715 오늘 공부는 자바스크립트 클래스 / 이벤트 버블링

코어 자바스크립트의 마지막 챕터 클래스는... 왜 ES6에서 클래스 문법이 도입됬는지 뼈저리게 느낄 수 있었던 챕터였다. ES5에서 프로토타입으로 상속을 구현하는 것 자체가 너무 복잡하고... (주륵) ES5에서 클래스를 정의하고 상속하는 방법 중에 Object.create() 라는 메소드가 있다. 상속하고자 하는 프로토타입 객체를 매개변수로 넣고, 상속받는 하위 클래스를 만들어내는 장점이 있지만, 하위 클래스의 프로토타입 생성자가 만들어지지 않는 단점이 있다. 따라서, constructor가 해당 하위클래스를 바라보게 하려면, 아래처럼 코드를 추가해주면 된다. 하위클래스.prototype= Object.create(상위클래스.prototype); 하위클래스.prototype.constructor = 하..

개발일지/TIL 2021.07.15

[WIL] 6월 2주차 회고 WIL (Weekly I Learned)

느낀 점 - 항해가 끝나고 약 3주만에 WIL을 쓴다. 사실 끝나고 1주일은 쉬었다 : ) 앞으로 어떤 공부를 할 것이며, 취업은 몇 달 안에 하고 싶은지, 어떤 회사를 가고싶은지 고민했다. - 이번 주차부터 자바스크립트 스터디를 시작했다. "코어 자바스크립트" 라는 책의 챕터를 스터디원들이 돌아가면서 발표하고, 궁금했던 점 및 심화 내용에 대해서 토론했다. 1강은 데이터 타입과 메모리 관련된 내용이었는데, 막연하게 알고 있던 내용을 생각보다 깊게 공부할 수 있는 기회가 되었다. - 요새 MBTI가 유행해서 간단한 MBTI 테스트를 만들었다. 막상 개발한 시간은 하루도 안걸렸는데, MBTI 로직(주제)랑 저작권 때문에 그림을 그리느라 한 2일 소요됬다... ㅎㅎㅎㅎㅎ 그림을 그나마 잘 그리는 편이라(?)..

개발일지/WIL 2021.06.16

[오류] Robo 3t , 몽고디비 연결이 안될 때, couldn't connect to server 127.0.0.1:27017, authentication error // localhost ip주소 확인

connecting to: mongodb://127.0.0.1:27017/?compressors=disabled&gssapiServiceName=mongodb Error: couldn't connect to server 127.0.0.1:27017, connection attempt failed: SocketException: Error connecting to 127.0.0.1:27017 :: caused by :: Connection refused : Error: couldn't connect to server 127.0.0.1:27017, connection attempt failed: SocketException: Error connecting to 127.0.0.1:27017 :: caused ..

[오류] Vs code에서 파이썬 설치할 때, command not found / 환경변수 설정

파이참을 쓰다가 VS Code 에서 파이썬 파일을 사용하려고 터미널에서 python -V ( 소문자 v치면 오류납니다) 를 치니까 command not found가 떴다. 그래서 파이썬을 삭제하고 다시 깔았는데도 아래처럼 터미널에서 계속 똑같은 오류가 발생했다. 원인은 환경변수 설정이 되지 않은 것!!!! 설치할때 add to path를 설치해줘야한다. 1. 다운받은 파이썬파일에서 우클릭으로 변경 눌러준다. 2. Modity Setup에서 Modify 를 눌러준다. 3. Next를 한번만 더 누르면 "Add Python to environment variables" 가 보인다. 체크박스 선택하고 install 누르면 끝 설치하고 터미널에서 python -V 를 치니 잘 실행된다... ㅠㅠ 간단했지만 시작..