반응형

자바스크립트 5

[도서리뷰] '완성된 웹사이트로 배우는 자바스크립트' 비전공개발자의 서평

'완성된 웹사이트로 배우는 자바스크립트'는 HTML, CSS, 자바스크립트를 처음 접하는 비개발자들 또는 개발자가 되고싶지만 아직 적성에 맞는지 아닌지를 가늠하기에 좋은 책이라고 생각합니다. 2년전 엑셀이 좋아서 개발로 뛰어들었을 때를 생각하면, 적성확인 차 먼저 이런책들을 접할 수 있었다면 더 좋았을텐데라는 생각을 하게 만드는 책입니다. HTML, CSS, 자바스크립트 아무것도 몰라도 그냥 일단 따라서 만들어보기에 초점이 맞추어져있는 책이며, 관심이 생긴다면 구글링 또는 유튜브를 통해 좀 더 자세히 공부해가면 될 것 같네요. 작가 '완성된 웹사이트로 배우는 자바스크립트'는 2년간 일본에서 그래픽 디자이너로 일한뒤 캐나다 벤쿠버에서 학교를 졸업한 'Mana'라는 일본인 웹디자이너의 책이다. 한국어로 번역..

Day by Day 2024.04.12

#개발공부 : 컴파일러와 인터프리터

컴파일러와 인터프리터는 고급언어(ex. 사람의 언어)로 작성된 원시프로그램을 목적프로그램으로 번역하는 번역 프로그램이며, 프로그램 번역 방식에 따라 나뉘어진다. 컴파일러란? 1. 고급언어로 작성된 프로그램 전체를 목적 프로그램으로 번역 한 후 링킹작업을 통해 컴퓨터에서 실행가능한 실행 프로그램을 생성 2. 번역 실행 과정을 거쳐야하기때문에 번역과정이 번거롭고 시간이 오래걸리지만, 번역 후에는 다시 번역하지 않으므로 실행 속도가 빠름 3. C언어, JAVA가 대표적인 예 인터프리터란? 1. 고급언어로 작성된 프로그램을 한 줄 단위로 번역하고, 번역과 동시에 실행을 시키는 프로그램 2. 프로그램이 직접 실행되므로 목적 프로그램은 생성되지 않음 3. 줄 단위로 번역, 실행되기 때문에 시분할 시스템에 유용, 원..

CS지식 2022.05.31

[DeepDive] 변수 선언, 할당, 초기화, 호이스팅?

컴퓨터는 연산과 기억을 수행하는 부품이 나누어져있다. CPU가 연산을 하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합, 셀 하나의 크기는 1Byte(8Bit), 각 셀은 메모리 고유의 메모리 주소를 가진다. CPU가 연산을 한 값을 재사용하기 위해서는 메모리에 저장을 해야한다. 하지만 저장값에 직접 접근하는 것은 치명적 오류를 발생시킬 가능성이 높고 실수로 운영체제에 꼭 필요한 파일을 수정하거나 삭제하는 경우도 있기 때문에 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않는다. 게다가 값이 저장될 메모리 주소는 임의로 결정되기 때문에 메모리셀의 주소는 항상 변한다. ==> 고로, 우리는 이 값을 '변수'라는 곳에 저장을 해야한다. ◆ 변수? 하나의 ..

JS 2022.02.18

[알고있으면 유용한 자바스크립트 문법] Truthy & Falsy

이 개념에 대해 알고 있으면 정말 유용해서 정리한다. 초급개발자인 나도 여전히 헷갈리니깐 정리해두는 것! Truthy: true 같은거! Falsy: False 같은거! 아래 5가지는 꼭 외우기 1. undefined 2. null 3. 0 4. '' 5. Nan 예를 들어, 아래와 같은 코드가 있을 경우 undefined는 걸러낼 수 있지만, null이 전달 될 경우 ? function print(person) { if(person === undefined){ return; } console.log(person.name); } const person = null; print(); 그럼 아래와 같이 조건을 또 추가해줘야한다. function print(person) { if(person === undef..

JS 2022.01.30

[알고있으면 유용한 자바스크립트 문법] 삼항연산자

JS기반 Framework 또는 Library를 실무나 토이프로젝트에서 사용할 경우 제일 많이 보이는 삼항 연산자. [사용법] 조건 ? true일 때 : false일 때 예를 들면 If / Else 문으로 작성한 조건문 const arr = []; let text = ''; if(arr.length === 0){ text = '배열이 비어있습니다.'; } else { text = '배열이 비어있지않습니다.'; } console.log(text); 위 코드를 간단하게 한 줄로 표현 할 수 있다. const arr = []; let text = arr.length ? '배열이 비어 있지 않습니다.' : '배열이 비어 있습니다.'; console.log(text); ** arr.length === 0 이 아닌..

JS 2022.01.30
반응형