본문 바로가기

공부

 (171)
0614 프레임워크 라이브러리:빌트인 함수가 아닌 함수들을 만들어서 자기 업무에 필요한것들을 모아놓은 파일 ->현대 특정기능을 서포트해줌 프레임워크vs라이브러리 앵귤러vs리액트 프레임워크(강제성이 큼 하라는대로해야됨)vs내가원하는 기능을 가져다씀(자유도높음) 규모가 클수록 유리 vs 규모가 작을수록 유리 러닝커브가 가파름 vs 러닝커브가 가파르지않음 어플리케이션 전체 vs 모바일웹,네이티브모바일,데스크탑애플리케이션vs 용량이큼 vs 작음 전형적인일은 프레임워크가 해준다(로직개발에 집중한다) html/css는 정적인상태에서 자바스크립트를 변화시킨다 (html/css가 js를 바라보게하자) html/css가 자바스크립가 된다(사실은 js다) 자바스크립트가 html/css를 변화시킨다(js가 html/css에 의존한다..
typescript =자바스크립트를 클래스 기반 언어처럼 돌아가도록 자바스크립트 = 동작원리를 알아야된다 angular = 사용하는 방법을 알아야한다 자바스크립트 변수에는 타입이 없다 = 타입이있으면 정적타입 언어다 = 자바스크립트는 동적타입 언어다 int x 는 태어날때부터 정수만을 위한 변수다 동적타입 언어 : 장점 : 간편하다, 단점 :실수를 유발한다, 정적타입 언어 : 장점: 코드를 예측이 가능하다 단점 : html, css ,javascript가 한꺼번에 있는게 컴포넌트 cbb 컴포넌트 기반 개발 angular와 react의 차이: 상태감지? 공부방법 예제를 만들어본다 바닐라로 만들기 -> 앵귤러로 만들기 -> 리액트로 만들기 -> 뷰로만들기 타입을 any로 방치하지 않는다 pass by value pass by ..
spa 식별자 명명규칙 식별자의 첫글자는 알파벳으로 시작해야된다 (대소) 허용되는것 _ , $는 허용 두번째부터는 숫자허용 spa 많이 물어봄 - > 자기들이 이걸로 개발할것이기 때문에 Angular , react , vue -> 프레임워크 html이 한개다 (페이지가 여러개라도) js파일도 한개일수도 , 여러개일수도 있다(웹팩으로 쪼갬) css는 우선순위가 다르다 (css 파서 우선권문제) angular -> css 스코프 주기가능 spa에서 css는 하나일 수 도있지만, 여러개로 나누는게 좋은것이다 (컴포넌트별로) html을 땡겨오면 여러가지가 있다(css, 폰트, 스크립트) -> 모든리소스 한번에 다운받는다 ->첫페이지 로딩이 느린 단점이있다 ->네이티브 앱과 유사한 경험을 갖고 있다 (깜빡거리지 않는다)..
0610 1번이 클릭되면 -> active 된 애들에 스타일에 높이를 줘서 일단 보이게해라 2번이 클릭되면 -> (클릭이벤트?) v 1,3 클래스 제거, v 2번에 자식밑에 있는애들을 보여줘라. 내가아는 '자식'에게 접근하는방법 firstchild lastchild children childnode -> console.dir로 자식을 찾아라!
0607 클로저: 외부함수와 중첩함수가 존재할때, 외부함수의 실행컨텍스트가 먼저 반환되어도 외부함수의 자유변수를 내부함수가 참조하고 있어서 중첩함수의 상위 렉시컬환경인 자유변수에 접근해 변수에 변경이 가능한 함수, 외부함수에서 내부함수를 반환하는 함수 외부함수보다 내부함수(중첩함수)가 더 오래 유지되는 경우 외부함수 밖에서 중첩함수를 호출해도 외부함수의 지역변수에 접근할 수 있는 함수 선행조건: 함수가 일급객체를 가진 언어(왜냐면 외부함수에서 내부함수를 리턴해야되는데) 일급객체는 '함수를 ' 파라미터로 받거나 리턴할 수 있는 조건을 가지니까 함수 정의는 평가되어 함수 객체를 생성한다. ㅡㅡㅡㅡㅡ실행컨텍스트 function foo(){ console.log(x); } object.prototype.x = 1; fo..
실행컨텍스트 변수선언부분 let, const 구분, 상태구분 필터메소드는 다른배열을 리턴 (요소는 달라질 수 도 있을뿐) 주소는 다르다 context 문맥/맥락 변수는 식별자, 어디 스코프에 따라서 값이 달라진다 if(트루,폴스가 올장소인데 1이 와도 암묵적타입변환){} 스코프는 실행 컨텍스트에 의해 만들어진다 식별자:변수,함수,클래스명, 객체, (프로퍼티는 잘안부른다) 식별자는 스코프에 등록되지만 (스코프체인에서 찾음) 프로퍼티 (프로토 타입체인에서 찾음, 찾는곳이 다르다) 클로저가 어려운것은 실행컨텍스트가 없기 때문에 eval 코드(Eval code) 기존의 자바스크립트 엔진이 만들어놓은 스코프를 흔들어서 퍼포먼스가 안좋고 보안에도 안좋다 전역함수의 선언은 전역코드이지만, 전역함수 내에 코드는 함수코드이다 var..
프레임워크 라이브러리 차이 저는 angular 프레임워크와 react 라이브러리를 학습하였습니다. 프레임워크와 라이브러리 차이에 대한 질문에, 프레임워크는 잘 준비된 틀과 같습니다. 보통 붕어빵 틀과 같은 비유를 드는데, 밀가루의 양, 반죽상태에 따라 달라지지만 틀을 통해 나온 붕어빵들은 대개 비슷한 모양의 결과물이 나옵니다. 이는 장점이자 단점이기도 합니다 잘 준비되어있으므로 생산성이 증가되며 다른 고민할 필요 없이 프레임워크에 대한 사용법을 이해하면 됩니다. angular의 경우 라우팅을 한다던가, 상태관리를 할 때에 있어 다른 라이브러리 필요 없이 프레임워크 내에 기능이 존재합니다. 반면 라이브러리는 요리로 비유하자면 조미료처럼 활용가능한 도구에 불과합니다. react의 경우 라이브러리 이기때문에 react-router라던가..
몽고db ,sass 몽고DB 사용하기가 간편하다, 접근하기 난해하다, 생태계가 확실하지 않다 DATA를 영속적으로 보관하고싶다 - 파일에 써놓으면 됨(하드디스크 보관) 물리적으로 표면에 기스내서 저장 - 나만 보면 괜찮은데 팀들이 공유할 수 있는 파일로 저장해야됨 문제는 : 여러명이 중복해서 겹칠 수 있으니 -> 내가 쓰는동안은 겹치지 못하게 락을 걸어야한다 데이터베이스도 사실 파일로 관리하는 것이다 (문제를 보완했다) -영속적인 데이터를 보장해준다 ORACLE DB안에 테이블이 있음 테이블안에 ROW (레코드) - SQL - 수학적인 언어 집합개념 테이블의 틀을 짜놓으면 (스키마) - 죽어다 꺠도 못바꿈 몽고DB가 자유로움 (자유로우면 문제가 발생함, 엄격하면 문제가 덜발생함) 백엔드는 DB를 얼마나 잘 다루느냐가 핵심 ..

티스토리툴바