전산에서 개발로

22.01.26 세번째 1. Number 자바스크립트의 숫자는 두가지 자료형을 지원합니다. Regular number, Bigint number Math object에서 제공하는 수학관련 메서드 및 프로퍼티들이 많습니다. Math.random(), max(), min(), pow() 등등 number가 가지고 있는 메서드들도 많습니다. parseInt/Float, toFixed, isNan, isFinite 2. String 자바스크립트의 텍스트는 모두 string으로 저장됩니다. 글자 하나만 저장하는 자료형은 없습니다. string은 ' " ' 셋중 하나로 둘러 쌓여집니다. 그중 '(백틱)은 특이하게 안에서 표현식을 사용할 수 있으며 (template literal), 줄 바꿈도 인식합니다. 3. St..

22.01.26 두번째 포스팅입니다. 1. primitive in javascript 자바스크립트는 primitive도 객체처럼 다술 수 있게 해줍니다. (메서드나 프로퍼티를 호출할 수 있음) 자바스크립트에서는 primitive가 메서드나 프로퍼티에 접근하려하면 추가 기능을 제공하는 래퍼 객체를 만들어 줍니다. 이 객체는 금방 사라집니다. object.wrapper의 종류는 primitive에 따라 String, Number, Boolean, Symbol 등이 있습니다. String 의 toUpperCase(), Number의 toFixed() 등이 예 입니다. 2. Object wrapper 다시 말해 object wrapper는 변수의 프로퍼티에 접근할 때 임시로 생성되는 객체입니다. wrapper를..

22.01.26 연휴 시작까지 이틀 남았습니다. 금요일은 오전 근무 후 퇴근이라 거의 노는 날이죵 인턴이여도 집에 가고 싶습니다. 1. Symbol이란 javascript는 객체 프로퍼티 키로 문자형과 심볼형 두가지를 허용합니다. 프로퍼티 키로 심볼값을 사용하면 어떤 이점이 있는지 알아보겠습니다. 2. Symbol symbol은 유일한 값을 만들고 싶을 때 사용합니다. let id = symbol(); 이런식으로 심볼값을 만듭니다. 인자값으로 description을 붙일수 있습니다. let id = symbol('userid'); description 붙이기 * symbol은 문자로 변환이 되지 않습니다. javascript의 alert 함수가 거의 모든 값을 받을 수 있는 이유는 문자형으로의 암시적 형..

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

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

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 ..

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

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 파일의 크기가 큰 경우 속도..