전체 42

메서드(method), this, new, Constructor, Optional chaining(.?)

22.01.25 곧 연휴가 시작 됩니다. 인턴 중인 회사에서 잘 지내고 있습니다. 웹페이지 유지보수 간단하게 하면서 매일 공부하고 있습니다. 얼른 졸업하고 취업 바로 하고 싶네용 1. 메서드, this 메서드는 객체에 저장된 정보에 접근할 수 있어야 메서드입니다. 메서드는 보통 객체 프로퍼티의 값을 활용합니다. 메서드 내부에서 this를 사용하면 객체에 접근할 수 있습니다. this. 는 메서드 호출시 사용된 객체를 말합니다. let user = { name: "John", age: 30, sayHi() { // 'this'는 '현재 객체'를 나타냅니다. alert(this.name); } }; 위에서 this는 user를 나타냅니다. * javascript this의 특징은 this 값이 런타임에 결정..

Object, reference, copy, garbage collection. 객체, 참조, 가비지 콜렉

22.01.19 밖에 눈이 많이 내립니다. 요즘 스스로 부족함을 많이 느끼고 있습니다.. 제가 취직할 수 있을까용 1. Object 객체 자바스크립트의 데이터타입은 총 8개입니다. 7개의 primitive 데이터 타입을 제외한 나머지 하나의 데이터 타입이 object = 객체입니다. 객체의 특징은 프로퍼티를 가진다는 것인데 property는 key와 value로 이뤄진 값입니다. 객체에서 프로퍼티를 삭제할 때는 delete 키워드를 사용해 지울 수 있습니다. 2. object references and copying 객체와 일반 데이터타입들의 가장 큰 차이점은 복사하거나 저장할때 나타납니다. 참조에 의한 복사 및 저장이 된다는 점인데. 예를 들어 객체를 선언한 뒤 해당 객체 변수를 다른 변수에 '='으로..

javascript ==, ===, querySelector(), querySelectorAll()

22.01.10 오늘은 동계인턴 중인 회사에서 글을 써봅니다. 1. ==과 === js에는 두 변수나 객체를 비교할 때, ==과 ===, 두가지 equal 연산자를 사용합니다. 그 둘의 차이점에 대해 알아야합니다. == 의 경우 두 값이 유형이 다르더라도 유형을 바꿔 값에 대한 비교만을 하는 연산자입니다. === 의 경우 두 값의 유형과 값 모두 같을 때 true를 반환합니다. EX) null == undefined (true) null === undefined (false) var a = 1; var b = “1”; a == b (true) a === b (false) console.log(NaN == NaN); // false console.log(NaN === NaN); // false var a ..

javascript const, let, var

22.01.09 js의 변수형 3가지를 정리하겠습니다. 뭔지도 모르고 남들 따라하면서 얕은 개념으로 사용했었는데 한번 정리하고나니 머리에 확실히 들어옵니다. 1. 저들을 구분하는 3가지 1. 값 변경 가능 유무 2. 스코프 범위 3. 호이스팅 가능 유무 var/let은 선언 후 값 변경 가능 const는 생성할 때 선언된 초기값을 변경할 수 없음. var은 함수 스코프를 가짐, let과 const는 블록 스코프를 가짐 var은 호이스팅이 가능 let과 const는 호이스팅 불가능. 2. 추가 설명 값 변경 가능 유무 const는 선언시에 반드시 값을 작성해주어야하고, 값을 변경하지 않을 때 사용. 변수 값 자체는 바꿀수 없지만 const가 object일 때 property 값이나 배열의 요소 값은 바꿀 ..

javascript html parsing, js fetching, parsing, fetching

22.01.09 한동안 교내 공모전과 동계방학인턴을 구하고 가산디지털단지로 출근하느라 블로그 관리를 못 했습니다. 주말마다 매주 정리할 예정입니다. 1. html parsing이란 파싱이란 구문 분석 및 해석이라고 생각하면 됩니다. html 파일을 로드하면 parsing이 시작됩니다. 2. JS fetching이란 패칭이란 추가된 js 파일을 해석하는 과정입니다. script 태그의 위치에 따라 parsing과 fetching의 순서와 우선순위가 달라집니다. 3. parsing과 fetching 순서 - head 태그에 script html parsing을 중간에 중단 -> js 파일 읽어 온 후 다시 html parsing 장점) js 파일 가장 먼저 실행 가능 단점) js 파일의 크기가 큰 경우 속도..

AWS Cloud, EC2, Instance

21.09.28 화요일입니다. 가끔 비가 와서 그런지 날씨가 쌀쌀합니다. 1. 클라우드 컴퓨팅이란 우리가 사용하는 서버는 크게 온프레미스와 클라우드 방식 두가지로 나뉩니다. 온프레미스는 데이터 센터 or 서버실에서 서버를 직접 관리하는 방식으로 전통적인 방식입니다. (집에 있는 pc로 작은 서버를 돌리는 경우도 온프레미스에 속합니다.) 이는 서버, 네트워크 장비, os, 스토리지, 솔루션, 응용프로그램 등 직접 구매, 설치, 관리까지 해야해 초기 투자비용이 크고 사용량을 예측하기 힘들다는 단점이 존재합니다. 클라우드 방식은 인터넷을 통해 불특정 다수에게 서비스를 제공하는 형태로 필요한 리소스들을 인터넷을 통해 제공 받아 사용한 만큼 비용을 지불하는 방식을 말합니다. 서비스에 따라 PaaS, SaaS로 나..

Aws 2021.09.28

ku나라 aws, rds연동

21.09.26 클라우드 서비스 aws를 사용해 저희 어플리케이션을 배포하기 위해 어제 하루종일 잡고 있었습니다. 인스턴스 생성, 다른 설정들은 유튜브를 통해 조금이나마 이해를 했지만 RDS를 사용해 workbench와 연결하는 작업이 쉽지 않았습니다. 중간고사 전에 웬만한건 다 끝내 놓으려고 합니다. 시간 가는줄 모르겠네요. aws ec2와 rds를 사용한 연동 과정 후에 수정 예정 >>>

chatapp 리액티브 스트림즈, Flux, Publisher, Subscriber

21.09.17 오늘 정리할 세가지 내용은 데어프로그래밍님의 강의에서 큰 설명 없이 그냥 넘어간 부분입니다. 정확하지 않지만 제가 찾아 직접 공부해 정리해보겠습니다. 1. 리액티브 스트림즈 스프링은 웹 요청처리, http 클라이언트, nosql 연동 등 많은 영역에서 리액티브 프로그래밍을 지원합니다. 스프링 리액터는 스프링에서 리액티브 프로그래밍을 위한 핵심 모듈입니다. 리액터를 잘 사용하려면 많은 것들을 알아야 하지만 가장 기본이 되는 두 타입인 flux와 mono에 대해 알아야합니다. 서버 관점에서 리액티브를 사용하는 이유 중 하나는 비동기 / 논블록을 이용해 더 적은 자원으로 더 많은 트래픽을 처리하기 위함입니다. 리액티브 스트림즈는 비동기 스트림 처리를 위한 표준입니다. 스프링 리액터는 이를 구현..

chatapp Collection, Document (MongoDB)

21.09.14 LOMBOK에 이어서 MonggoDB의 collection과 document에 대해 정리해보겠습니다. 참고로 MonggoDB(Nosql) 처음 사용해봅니다. 매번 mysql, mariadb만 사용했었기에 제 첫 Nosql입니다. 1. Database db는 collection의 물리적 container입니다. 하나의 db에는 여러개의 collection을 가지고 있습니다. (정확하진 않지만 collection을 하나의 table 처럼 여기는듯 합니다.) 2. Collection collection은 monggo에서 document의 그룹입니다. RDBMS의 table과 유사한 개념인듯 합니다. collection은 schema를 강요하지 않습니다. 따라서 collection 내부의 doc..