INHO 일상

2023. 01. 31 06장 데이터 타입 자바스크립트의 모든 값들은 데이터 타입을 갖는다. 총 7가지의 데이터 타입이 있는데, 이들은 크게 원시 타입 / 객체 타입 이렇게 두 가지로 분류할 수 있다. 1. 원시 타입 - 숫자 타입 - 문자열 타입(string) - 불리언 타입 : True / False - undefined 타입 : 변수를 선언하면 암묵적으로 초기에 할당되는 값 - null 타입 : 값이 존재하지 않음을 의도적으로 명시할 때 사용하는 값 - 심벌 타입 2. 객체 타입 - 객체, 함수, 배열 6.1 숫자 타입) 자바스크립트는 특이하게 모든 수를 실수로 처리한다. + 숫자 타입은 아래 3가지의 특별한 값도 표현할 수 있다. Infinity : 양의 무한대 / -Infinity : 음의 무한..

2023. 01. 27 5.1 값) 값(value)은 식(표현식)이 평가되어 생성된 결과를 말한다. ex) 10 + 20 위의 예시는 평가되어서 숫자 값 30을 생성한다. 5.2 리터럴) 리터럴은 사람은 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 의미한다. 리터럴을 통해 코드를 작성하면 자바스크립트 엔진은 이를 평가하고, 값을 생성한다. ex) [1,2,3] 을 작성하면 이는 배열 리터럴로 배열로 값을 생성하게 되고 "Inho" 를 작성하면 이는 문자열 리터럴로 문자열 값을 생성하게 되는것 5.3 표현식) 표현식은 값으로 평가될 수 있는 문(statement)이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. (리터럴은 값으로 평가되기때문에 리터럴도 표..

2023. 01. 26 4.1 변수란 무엇인가? 왜 필요한가?) 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해서 데이터를 기억한다! '메모리'는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트) 각 셀에는 고유의 메모리 주소가 있는데 이 주소는 메모리 공간의 위치를 나타냄 ex) 10 + 20 이라는 코드를 컴퓨터에 실행한다면? -> 10과 20이 각각 메모리 상의 임의의 위치에 저장됨 -> CPU는 이 값을 불러와서 연산을 수행함 -> 연산의 결과값인 30도 메모리 상의 임의의 위치에 저장됨 그런데 이때 우리가 연산의 결과값인 30을 사용하고 싶다면? 결과값 30이 저장된 메모리 공간에 직접 접근하는 것 외에는 방법이 없다. 하지만 이 방법은 치명적 오류를..

구글 크롬 확장 프로그램인 모멘텀을 따라 비슷하게 만들어보기 시작했다. 이런식으로 배경이 랜덤하게 제공되고, 화면의 가장 가운데 부분에는 현재 시간을 받아와 제공하며 오른쪽 상단에는 현재 위치 정보를 받아 날씨를 띄워주기도 한다. 완전하게 똑같지는 않지만 느낌은 비슷하게 내보려고 노력했다. 아직 CSS 부분은 더 만져야하고 To-do list부분도 보다 깔끔하게 만들 필요가 있을 것 같다. (추가로 로그인 기능이나 시작페이지로 설정할 수 있도록 하는 기능도 있으면 좋겠다고 생각함) 현재는 오늘 할일을 적으면 추가가 되긴 하는데 디자인이 별로 안예쁜것같아서 좀 수정하고 싶다. + 백그라운드 이미지 색상이 너무 쨍해서그런가 글자들이 가끔 안보이는거같아서 불투명도를 조금 조정하면 나아지려나 싶다...

2022. 11. 19 1.1 프로그래밍이란?) 컴퓨터와 사람은 사고, 인지 방식이 다르다 -> 따라서 컴퓨터 관점에서 문제를 사고해야함 1.2 프로그래밍 언어) 우리는 컴퓨터에게 자연어(사람 언어)가 아닌 기계어로 명령을 전달해야함. 이때 기계어로 명령을 전달하는 것을 대신해주는 역할이 "프로그래밍 언어" 이때 우리가 프로그래밍 언어로 작성하면 '컴파일러'(인터프리터)가 기계어로 변환해 컴퓨터에게 전달한다. 사람 ------------------------> 컴파일러 -------------------> 컴퓨터 프로그래밍 언어 기계어 1.3 구문과 의미) X 2022. 11. 19 1.1 프로그래밍이란?) 컴퓨터와 사람은 사고, 인지 방식이 다르다 -> 따라서 컴퓨터 관점에서 문제를 사고해야함 1.2 ..

최근 프론트엔드 분야의 코딩 공부를 해나가면서 자바스크립트에 대한 좀 더 깊은 지식이 필요함을 느껴, 이웅모 저자의 '모던 자바스크립트 Deep Dive' 라는 책을 구매했다. https://link.coupang.com/a/F5aHv 모던 자바스크립트 Deep Dive:자바스크립트의 기본 개념과 동작 원리 COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 가격은 40,500원 많이들 자바스크립트 서적으로 이 책을 추천해서 나도 구매를 결심했다. 무려 960페이지에 육박하는 방대한 양이기에,,, 말그대로 'Deep' 하게 내용을 다루고 있는 것 같다. 사람들의 책 후기를 살펴보면 보통 완전 초보에게는 추천하지 않고 어느정..

최근 개발에 관심을 갖고 꾸준히 이것저것 해보면서 내가 해놓는 작업물들이나 개인 프로젝트들을 관리하는 공간이 있으면 좋겠다는 생각을 하게되었다. 다른 사람들은 취준을 위해서 포트폴리오를 만들거나 이력서를 작성하거나 하는데 어떤 방식이 좋을까... 고민하던 찰나에 개발자에 어울리는 방법인 포트폴리오 웹사이트를 제작해보자..! 라는 생각으로 익명의 강의를 수강하며 따라 만들어보았다. 홈 div에는 내가 좋아하는 색깔로 배경을 채워넣고, 왼쪽 상단에는 내 이름가지고 로고도 만들어봤다 (뿌듯) 사실 제작기라보다 이미 사이트는 완성했고 깃허브 페이지로 웹 사이트까지 만든 상태지만...ㅋㅋㅋㅋㅋ 오른쪽 상단에 보이는 것처럼 안에 구성은 Home / About / Skills / My work / Testimonia..