본문 바로가기

전체 글

(223)
몽고db ,sass 몽고DB 사용하기가 간편하다, 접근하기 난해하다, 생태계가 확실하지 않다 DATA를 영속적으로 보관하고싶다 - 파일에 써놓으면 됨(하드디스크 보관) 물리적으로 표면에 기스내서 저장 - 나만 보면 괜찮은데 팀들이 공유할 수 있는 파일로 저장해야됨 문제는 : 여러명이 중복해서 겹칠 수 있으니 -> 내가 쓰는동안은 겹치지 못하게 락을 걸어야한다 데이터베이스도 사실 파일로 관리하는 것이다 (문제를 보완했다) -영속적인 데이터를 보장해준다 ORACLE DB안에 테이블이 있음 테이블안에 ROW (레코드) - SQL - 수학적인 언어 집합개념 테이블의 틀을 짜놓으면 (스키마) - 죽어다 꺠도 못바꿈 몽고DB가 자유로움 (자유로우면 문제가 발생함, 엄격하면 문제가 덜발생함) 백엔드는 DB를 얼마나 잘 다루느냐가 핵심 ..
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 태그 내에 ..
[JS] 019-017이 4인 이유 앞에 0이라는 접두사가 붙으면, 8진수 0x는 16진수 선수 지식이 필요하다. 017을 해석해보자면, 0(8진수) 17이다. 이는 이진수로는 001 111, 십진수로는 15로 변환, 019은 0(8진수)로 19을 바꾸려고 하는데, 9은 8진수로 표현할 수 있는 범위를 넘어섰다. 그 다음 표현할 수 있는 십진수 19로 변환된다고 추측한다 (2진수, 8진수,10진수 16진수 순서대로) 019-017은 십진수로는 19-15라서 4이 되는 것이다. 018 역시 표현할 수 없기 때문에 십진수 18이나, 020은 010 000, 십진수 16으로 변환된다. 028은 십진수 28로 표현된다. 결론 진법에 대한 이해가 필요하다. x 진법 자릿값은 x-1까지만 올 수 있다. (진법의 정의) 018, 019는 십진수로 18..
style '컴포넌트' 단위로 독립된 스코프 스타일 정보를 갖는다 style 프로퍼티 []에 직접 정의, style프로퍼티에 외부 css파일 경로 정의 뷰 캡슐화 encapsulation 프로퍼티에 ViewEncapulation 옵션 지정
시험 렉시컬 스코프란, 다른 말로는 정적스코프라고 생각하며 함수기준 선언된 위치에 따라 상위 스코프를 결정하는 방식을 말합니다. 스코프란, 식별자를 구분하는 규칙, 식별자의 유효범위 라고 생각하고 있습니다. 전역변수의 문제점은 ,긴생명주기, 암묵적결합, 스코프체인상 종점에 위치,네임스페이스 오염이 있습니다 var 키워드로 선언한 변수의 문제점은 변수의 중복허용, 함수레벨 스코프, 변수 호이스팅 construcotr function이란 객체를 생성할때 안에 변수나 프로퍼티를 초기화하는것 / 함수는 재사용,유지보수,가독성을 위해 묶어놓은 코드조각 객체를 생성할떄 변수나 프로퍼티를 초기화하여 재사용,유지보수 가독성을 좋게만든 코드조각 data type 데이터의 종류 literral 소스코드내에서 평가되어 값이 될 ..
angular 자식에게 접 accessing Child 자식에게 접근? 템플릿 참조 변수를 사용하지 않고 직접자식에게 접근하기 위한 데코레이터 @ViewChild @ViewChildren @ContnetChild @ContentChildren @ViewChild -> '컴포넌트 템플릿'에 배치된 자식 @ViewChildren -> 조건에 부합되는 여러개 요소 @ContentChild @ContentChildren 부모 컴포넌트가 자신 템플릿의 일부를 자식 컴포넌트의 콘텐츠로 전달 하는 기능?