Cosmic dust

마인드셋 스탠퍼드 인간 성장 프로젝트 | 원하는 것을 이루는 태도의 힘 저자 캐럴 드웩 번역 김준수 출판 스몰빅라이프 출간 2017.10.30. 쪽수/무게/크기 348쪽504g149*217*27mm 리뷰 주변 지인에게 추천받아서 읽게 된 책 평소 마인드 컨트롤에 대한 책을 몇 권 읽었어서 표지만 보고 망설였었는데, 읽고 나서는 망설일 필요가 없었다는 걸 알았다. 세상은 능력 중심 사회라고 봐도 무방하다고 생각한다. 그런데 그 능력이 선천적인 재능에서 오는가, 끝없는 노력으로 발휘한 잠재력에서 오는가는 다른 문제이다. 적어도 내가 아는 주변 사람들과 미디어에서 접하는 사회의 시선, 평가들로 봤을 때 우리는 재능을 매우 중요시한다. 사람들에게 인기를 얻고 칭송받는 대부분의 사람들의 경우, 끝없는 노력으로 결..

게으름도 습관이다 (무기력과 작심삼일에서 벗어나 내 삶의 주도권 되찾기) 저자 최명기 출판 알키 출간 2017.01.05. 쪽수/무게/크기 264쪽418g146*215*15mm 리뷰 게으름이 내 삶을 망치고 있다고 느꼈던 요즘이었다. 더이상 게으름이 판치는 걸 보고 있다가는 내가 원하는 것도 이루지 못 한 채 후회만 하며 살 것 같아 방법을 찾던 중 이 책을 읽게 되었다. 단순하게 '의지력이 약하다', '사람 자체가 게으르다'가 아니라, 우리가 '게으르다'라고 말하는 행동에 이르기까지 어떤 감정적 문제가 있는지, 어떤 장애물이 있는지, 어떻게 해결해야 하는지 등에 대해 저자는 이야기한다. 세 살 버릇 여든 간다고 하지 않던가. 사실 부끄럽게도, 나의 게으름은 어렸을 때부터 쭉 이어져오던 거라 언제나 고치..

스프레드 연산자(spread operator)는 3개의 점(...)으로 이뤄진 연산자로, 몇 가지 다른 역할을 담당한다. 먼저, 스프레드 연산자를 사용해 배열의 내용을 조합할 수 있다. ex) 두 배열이 있다면, 두 배열의 모든 원소가 들어간 세 번째 배열을 만들 수 있다. 1. 배열과 스프레드 연산자 // Spread Operator // var peaks = ["Tallac", "Ralston", "Rose"] // var canyons = ["Ward", "Blackwood"] // var tahoe = [...peaks, ...canyons] // console.log(tahoe.join(', ')) // "Tallac, Ralston, Rose, Ward, Blackwood" let arr1 =..

1. 객체 리터럴 개선 객체 리터럴 개선(object literal enhancement)은 구조 분해의 반대이다. 구조를 다시 만들어내는 과정 또는 내용을 한데 묶는 과정이다.이를 사용하면 현재 영역에 있는 변수를 객체의 필드로 묶을 수 있다. // Literal Enhancements var name = "Tallac" var elevation = 9738 var funHike = {name,elevation} console.log(funHike) 한글예시 const name = "탈락"; // 캘리포니아에 있는 산 const elevation = 9738; // 고도(단위: 피트) const funHike = {name, elevation}; console.log(funHike); // {name:..

리액트에서는 ES2016부터 객체와 배열을 다루는 방법과, 객체와 배열 안에서 변수의 영역을 제한하는 방법을 다양하게 제공하기 시작했다. 이런 기능으로는 구조 분해(destructuring), 객체 리터럴 개선, 스프레드 연산자(spread operator) 등이 있다. 1. 구조 분해 구조 분해를 사용하면 객체 안에 있는 필드 값을 원하는 변수에 대입할 수 있다. 아래 sandwich 객체에는 4개의 필드가 있는데 그 중에서 bread와 meat의 필드값만 필요한 상황이다. // Destructuring Assignment var sandwich = { bread: "dutch crunch", meat: "tuna", cheese: "swiss", toppings: ["lettuce", "tomato"..

구문적인 변수 영역 규칙 lexical variable scoping 을 지원하는 let 키워드 구문적인 변수 영역이란? 자바스크립트에서는 중괄호 {} 를 사용해서 코드 블록을 만드는데, 이때 함수는 별도의 변수 영역을 이룬다. 하지만, if/else 문의 경우 예외적이다. 다른 언어에서는 if/else의 블록도 별도의 영역을 구성할 것으로 생각되겠지만 실제로 그렇지 않다. if/else 블록 안에서 변수를 새로 만들면, 그 변수의 영역이 그 블록 안으로만 한정되지 않는다. [그림1] if 안에 있는 topic 변수를 var로 바꾸었더니 if 밖에 있는 topic에도 영향을 미치는 경우 // Variables cannot be scoped to code blocks var topic = "자바스크립트";..

변수 선언하기 ES2015 전에는 var을 사용하는 것이 이전에는 유일한 변수 선언 방법이었다. 그러나 ES6부터 상수(contant)가 도입되었다. 상수는 값을 변경할 수 없는 변수이다. 일단 선언하면 상수로 선언된 값을 변경할 수 없다. // The value of a variable can change var pizza = true pizza = false console.log(pizza) // ES6 introduces constants const pizza = true pizza = false console.log(pizza) 참고자료 러닝 리액트(Learning React), 알렉스 뱅크스, 한빛미디어 (2021)

안녕하세요? 제가 STS 툴을 새로 설치하고 새 파일을 만들면서 오류를 겪어 한참 헤매다가 해결하게 되어서 방법을 공유하려고 합니다. 먼저 STS 툴을 깔고 압축해제를 한 뒤, STS.exe 파일을 실행시켰습니다. Spring 을 사용할 거라 Spring Legacy Project 를 선택합니다. 그럼 이런 창이 나오게 되는데, 만약 이렇게 Templates: 에 Simple Projects만 있다면 해결할 방법이 있습니다. 1. 먼저, 오른쪽 아래 Configure templates..를 눌러줍니다. 그럼 이런 창이 나오는데, spring-defaults만 남기고 나머지 2개의 파일을 Remove로 지워준 후, Apply and Close로 닫아줍니다. 그 후, 이렇게 정상적으로 나오면 반은 성공입니다..

클라이언트-서버 구조 - 웹 서비스 제공을 위해서는 서버 컴퓨터와 서버에서 동작하는 프로그램이 필요함 - 클라이언트 : 웹 서비스를 이용하는 사용자 - 서버 : 웹 서비스를 제공하기 위한 서비스 공급자 - 프런트엔드 : 클라이언트 중심의 프로그래밍(HTML, CSS, 자바스크립트) 영역 - 백엔드 : 서버를 구성하며 서비스를 제공하기 위한 서버 쪽 프로그래밍(웹 서버 소프트웨어, 웹 프레임워크, 데이터베이스) 영역 HTML(HyperText Markup Language) - 웹 문서의 구조를 정의하고 콘텐츠를 표현하는 기본 마크업 언어 - 웹을 통해 콘텐츠를 제공하려면 HTML을 사용해야 함 - HTML은 태그라고 하는 간단한 표기법으로 표현하고자 하는 정보에 의미를 부여함 안녕하세요? CSS(Casca..

1. 웹이란? (1) 웹의 정의 - 월드 와이드 웹(World Wide Web) - 줄여서 www 또는 웹이라고 함 - 웹은 인터넷에서 운영되는 서비스 중 하나 -> 따라서 웹 자체가 인터넷을 의미하는 것이 아니다. - 웹을 개발하는 목적? -> 연구자들이 흩어져 있는 정보를 손쉽게 정리하고 공유하기 위함 (2) 웹의 특징 - 인터넷은 컴퓨터 네트워크망을 의미하고, 웹은 인터넷 서비스 중 하나를 의미함 - 인터넷상의 정보를 하이퍼텍스트 방식과 멀티미디어 환경에서 검색할 수 있게 해주는 정보 검색 시스템을 의미함 - HTTP 프로토콜을 사용하며, HTML 문서를 연결하여 다양한 콘텐츠를 제공함 - 많은 사람들이 정보를 쉽게 공유하고 접근할 수 있도록 하는 것을 목적으로 함 (3) 웹의 구조 -HTML을 중..