본문 바로가기

전체 글

 (215)
justify-content , align-items 사용 예제 justify-content (en-US) — 주축에 대해 flex 항목들을 정렬하는 방식을 제어. flex 컨테이너에 지정하는 속성. align-items (en-US) — 교차축에 대해 flex 항목들을 정렬하는 방식을 제어. flex 컨테이너에 지정하는 속성 Tuesday, June 30, 2020 .main-chat{ display: flex; flex-direction: column; // 세로축으로 주축 바꾸기 align-items: center; //세로축 기준 가운데 정렬 } 0 000 이 아이템들이 교차축기준으로 정렬이 되어있지않다면 align-item:center; 가로축 기준으로 주축이 설정 되어있다면 align : items 가 가로축 기준으로 가운데 정렬이되고 세로축 기준으로 주축..
사람을 다루는 기본 테크닉3: 상대방 마음 속에 강렬히 원하는 마음을 불러일으키도록 하라 낚시바늘에 내가 좋아하는 딸기 빙수를 매달지 않는다. 물고기 앞에 지렁이나 메뚜기를 매달아 놓고 이렇게 말한다. "한 번 먹어보지그래?" 모두 자신이 원하는 것에만 관심을 기울인다. 그러므로 다른 사람을 움직일 수 있는 유일한 방법은 그가 원하는 것에대해 이야기를 나누고 , 그것을 어떻게 얻을 수 있을지 보여주는 것이다. 이세상에 태어난 뒤 여러분이 하는 모든 행위는 여러분이 무언가를 원했기 때문이다. 성공을 위한 비결이 하나 있다면 그것은 상대방의 관점을 이해하고 내 관점뿐 아니라 상대방의 관점에서 사물을 보는 능력이다. 고객은 자신이 판매의 대상이아니라 구매의 주체라고 느끼고 싶어한다. 말을 꺼내기 전에 잠시만 멈추고 생각해보라. '어떻게 하면 저 사람이 그 일을 하고 싶도록 만들 수 있을까?' 이 ..
데이터타입 자바스크립트엔진은 데이터 타입, 즉 값의 종류에 따라 정해진 크기의 메모리공간을 확보한다. 자바스크립트 ES6의 7개 데이터타입 구분 데이터타입 원시타입 숫자타입 문자열타입 불리언타입 undefiend 타입 null 타입(값이 없다는것을 의도적으로 명시할 때 ) symbol타입 객체타입 객체,함수,배열등 +심벌 이외의 원시값은 리터럴을 통해 생성하지만 심벌은 symbol함수 호출하여 생성한다. 이때 생성된 심벌 값은 외부에 노출되지 않으며 다른 값과 절대 중복되지 않은 유일무이한 값 데이터타입에 따라 확보되는 메모리공간의 크기 숫자 2와 문자열 2는 값을 생성한 용도와 목적이다르며 확보해야할 메모리 공간의 크기도 다르고 메모리에 저장되는 2진수도 달라 읽어 들여 해석하는 방식도 다르다 값을 참조하는 경우..
카멜케이스와 파스칼케이스 일반적으로 변수나 함수의 이름에는 카멜케이스를 사용하고, 생성자함수, 클래스이름에는 파스칼 케이스를 사용한다. //카멜케이스 camelCase var firstName; //파스칼케이스 PascalCase var FristName
변수1-값의 할당, 재할당 var score //변수선언 score - 90; //값의 할당 var score = 80; //변수선언과 값의 할당 변수선언과 값의 할당을 2개의문으로 나누어 표현한 코드와 (위) 변수선언과 값의 할당을 하나의 문으로 단축한 표현한 코드는 정확히 동일하게 동작한다. (아래) 자바스크립트엔진은 변수선언과 값의할당을 하나의 문으로 단축 표현해도 변수 선언과 값의 할당을 2개의 문으로 나누어 각각 실행한다. 재할당 var 키워드로 선언한 변수는 선언과 동시에 undefined로 초기화되기 때문이 엄밀히 말하자면 변수에 처음으로 값을 가지는 것도 재할당이다. 재할당은 변수에 저장된 값을 다른 값으로 변경한다. 그래서 변수이다. 값을 재할당 할 수 없어서 변수에 저장된 값을 변경할 수 없다면 변수가 아닌 상수..
변수2- 변수 선언의 실행시점과 변수 호이스팅 console.log(score); //undefined var score // 변수선언문 변수선언문보다 변수를 참조하는 코드가 앞에 있다. 자바스크립트 코드는 인터프리터에 의해 한 줄씩 순차적으로 실행되므로 첫줄에서 변수를 선언하기 전이기 때문에 참조에러 ReferenceError가 발생할 것처럼 보이지만 undefined가 출력된다. 이유는 변수 선언이 소스코드가 한줄씩 실행되는 시점 , 즉 런타임이 아니라 그 이전 단계에서 먼저 실행되기 때문이다. 자바스크립트엔진은 소스코드를 한 줄씩 순차적으로 실행하기 앞서 소스코드의 평가과정을 거치면서 소스코드를 실행하기위한 준비를한다. 준비단계인 소스코드 평가과정에서 자바스크립트 엔진은 모든 선언문(변수선언문, 함수선언문 등)을 소스코드에 찾아서 먼저 실행한다..
변수의 이름은 어디에 등록되는가 변수이름을 비롯한 모든 식별자는 실행 컨텍스트 excution context 에 등록된다. 실행 컨텍스트는 자바스크립트 엔진이 소스코드를 평가하고 실행하기 위해 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역이다. 자바스크립트 엔진은 실행 컨텍스트를 통해 식별자와 스코프를 관리한다. 변수이름과 변수 값은 실행 컨텍스트 내에 키/값 형식인 객체로 등록되어 관리된다.
초기화란 initalization 일반적으로 초기화란 변수가 선언된 이후 최초로 값을 할당하는 것을 말한다. var키워드로 선언한 변수는 undefined로 암묵적인 초기화가 자동수행된다. 만약 초기화 단계를 거치지 않으면 확보된 메모리 공간에는 이전에 다른 애플리이션이 사용했던 값이 남아있을 수 있다. 이러한 값을 쓰레기 값 garbage value이라고한다. +undefined는 자바스크립트에서 제공하는 원시의 값이다. primitive value

티스토리툴바