본문 바로가기

공부

(171)
float , float 부작용 해제하는 방법 css에서 float란 '뜨다'라는 단어를 뜻하며, 사용 용도는 이미지를 어떻게 띄어서 텍스트와 함께 배치할 것인지 정하는 속성입니다. inherit: 부모 요소에서 상속 left: 왼쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 오른쪽에 위치하며 위에서 아래로 흐름. right: 오른쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 왼쪽에 위치하며 위에서 아래로 흐름. 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라짐. none 이 아니라면 display 속성은 무시된다. none - 요소를 부유시키지 않음 left와 right를 통해 부유속성을 지정시 display는 무시됩니다. (none은 제외) 또한 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라집니다. 참고자료) h..
바벨,웹펙 npm(node package manager) - node.js설치하면, npm 자동설치 x . y. z (메이저, 마이너,패치) x가 같으면 (메이저 버전) 대부분 같이 동작 y는 조금달라도 동작 자바스크립트는 범용적인 어플리케이션을 개발하기위한 언어가 아니라(c, c++) 모듈기능이 없었다(es6에서 추가) 모듈이란 따로 돌아가는 프로그램(레고를 조립하듯이 쓸수있는 코드조각) 파일스코프 (외부에 공개x) script type = "module" 모듈을 지원하기는 한다 사용하기에는 시기상조 -최신브라우저 아니면 안돌아감 src = 'a.js' src = 'b.js' '순서에 의미를 갖는다' var같은 변수(네임스페이스 오염이나) a에서 함수가 되어있고 b에 함수를 호출하는 문제가 발생할 수 있다 웹펙 ..
DOCTYPE의 변화 이 질문을 왜 했을까요? 저는 HTML 코드의 최상단에 존재하는 DOCTYPE을 보고 그냥 지나쳤냐, 아니면 왜 사용하냐 생각을 해보았다던가, 기술 스택에 HTML5를 작성하면서 HTML4와의 차이를 이해하고 있느냐로 판단하고 있습니다. 프런트엔드 작업은 크게 HTML로 뼈대를 구성하고 CSS로 디자인을 꾸미고 JAVASCRIPT로 동작을 붙이는 과정이라고 할 수 있습니다. 그중 HTML의 뼈대를 만드는 과정에서, 먼저 등장하는 코드는 HTML, HEAD, BODY 태그가 아닌 DOCTYPE입니다. 가장 먼저 나왔다는 말은 어찌 보면 가장 중요하다는 말로도 해석될 수 있는데 DOCTYPE의 역할은 무엇일까요? 위 코드는 vscode의 에밋 단축 명령어!를 사용하면 나오는 코드입니다. html 태그 내에 ..
style '컴포넌트' 단위로 독립된 스코프 스타일 정보를 갖는다 style 프로퍼티 []에 직접 정의, style프로퍼티에 외부 css파일 경로 정의 뷰 캡슐화 encapsulation 프로퍼티에 ViewEncapulation 옵션 지정
시험 렉시컬 스코프란, 다른 말로는 정적스코프라고 생각하며 함수기준 선언된 위치에 따라 상위 스코프를 결정하는 방식을 말합니다. 스코프란, 식별자를 구분하는 규칙, 식별자의 유효범위 라고 생각하고 있습니다. 전역변수의 문제점은 ,긴생명주기, 암묵적결합, 스코프체인상 종점에 위치,네임스페이스 오염이 있습니다 var 키워드로 선언한 변수의 문제점은 변수의 중복허용, 함수레벨 스코프, 변수 호이스팅 construcotr function이란 객체를 생성할때 안에 변수나 프로퍼티를 초기화하는것 / 함수는 재사용,유지보수,가독성을 위해 묶어놓은 코드조각 객체를 생성할떄 변수나 프로퍼티를 초기화하여 재사용,유지보수 가독성을 좋게만든 코드조각 data type 데이터의 종류 literral 소스코드내에서 평가되어 값이 될 ..
angular 자식에게 접 accessing Child 자식에게 접근? 템플릿 참조 변수를 사용하지 않고 직접자식에게 접근하기 위한 데코레이터 @ViewChild @ViewChildren @ContnetChild @ContentChildren @ViewChild -> '컴포넌트 템플릿'에 배치된 자식 @ViewChildren -> 조건에 부합되는 여러개 요소 @ContentChild @ContentChildren 부모 컴포넌트가 자신 템플릿의 일부를 자식 컴포넌트의 콘텐츠로 전달 하는 기능?
Ajax,promise,async/await Ajax - 브라우저에서 밖에 안됨 XMLhttprequest가 브라우저에만 있음 선행 이해 Client - Server 이해 , Http 프로토콜에 대한 이해 , JSON , 비동기 done 4번 이벤트 ( 성공적으로 보냈다) console.log(xhr.readyState); 프로퍼티 (현재의 상태) 200 그냥 201 (포스트 성공) 400 에러 404 리소스를 요청했는데, 요청한 리소스가 없는 경우 xhr.response , responseText (무조건 텍스트냐 아니냐) 스트링을 준다는 판단이 있을 때 const ajax = (method, url, callback, payload()) => {}; 순서가 옵션인 것을 맨 마지막 try { 여기서 트라이해보고 } catch(e) { 에러가 e로..
interaction interaction 컴포넌트의 계층적 트리구조 @input 데코레이터 form요소 부모컴포넌트, 상태변경시 자식과 공유할 필요 프로퍼티 바인딩을 통해 자식컴포넌트에게 상태 정보 전달 자식컴포넌트는 , 상태정보를 input 데코레이터를 통해 컴포넌트 프로퍼티에 바인딩 input 데코레이터 바로 뒤의 프로퍼티명과 부모 컴포넌트에서 실행한 프로퍼티 바인딩 프로퍼티명은 반드시 일치하여야 한다 -> 자식에서 다르게 사용하고 싶으면 프로퍼티명 인자 전달후 사용하고자 하는 프로퍼티명 선언 @Input('user')myPorpName @Input('')쓰고싶은것 : 자식 컴포넌트에서 부모 컴포넌트로 상태 전달 @Output 데코레이터, EventEmitter @Output() remove = new EventEmit..