본문 바로가기

22.12.15 ~ 23.06.08 코드스테이츠39

[JavaScript] 스코프 ● 스코프(Scope) : 변수 접근 규칙에 따른 유효범위 ① 변수에 접근할 수 있는 범위가 존재한다. 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용이 가능하지만, 안쪽에서 선언한 변수는 바깥쪽 스코프에서 사용할 수 없다. 예를 들어 함수 안쪽에 정의된 변수를 함수 바깥쪽에서 접근하면 ReferenceError를 낸다. ② 스코프는 중첩이 가능하다. 특별히 가장 바깥쪽의 스코프는 전역 스코프(Global Scope)라고 부르며, 전역이 아닌 다른 스코프는 전부 지역 스코프(local scope)라고 한다. 지역 변수는 전역 변수보다 더 높은 우선순위를 가진다. ● 스코프의 종류 1) 블록 스코프(block scope) : 중괄호로 둘러싼 범위 블록 스코프 안에서 정의된 변수는 블록 범위를 벗어나는.. 2023. 1. 3.
[JavaScript] 원시 자료형 / 참조 자료형 원시 자료형 (primitive data type) : 고정된 저장 공간을 차지하는 데이터 ex. string, number, bigint, boolean, undefined, symbol, (null) - 하나의 변수(데이터 보관함)에는 하나의 데이터만 담을 수 있다. - 복사해서 이용해도 원래 자료에 영향 X, 즉 값 자체에 대한 변경이 불가능하다. → 변수에 다른 데이터를 할당할 수는 있음. (새로운 값으로 재할당 가능) 참조 자료형 (reference data type) : 원시 자료형이 아닌 모든 것 ex. 배열, 객체, 함수 ··· - 변수에 값이 아닌 주소(reference)를 저장하며, 그 주소(데이터의 크기가 동적으로 변하는 특별한 데이터 보관함(heap))에 데이터를 넣어 관리하는 것... 2023. 1. 2.
나만의 계산기 만들기 아래 이미지는 12/26일 페어 실습 때 만든 계산기 목업이다. 먼저 아래와 같이 파워포인트를 이용하여 간단한 와이어 프레임을 만든 후 작업하였다. 배경과 글꼴은 웹에서 가져와봤고, 정렬은 flexbox를 이용했다. 계산기 각 부분의 색은 크롬 응용 프로그램으로 배경색을 따와 활용하였다. 하면서 어려웠던 점은 먼저, flex 정렬이 의도와 다르게 반영되는 경우가 많아서 다루기가 쉽지 않았다. 원하는 대로 구조를 짤 수 있도록 연습해야겠다는 생각이 들었다. 그리고 별거 안 한 거 같은데 코드가 꽤 길게 나왔다. 코드를 좀 더 깔끔하게 정리할 수 있는 방법을 찾아봐야겠다. 이번 실습을 통해 그동안 배운 내용을 이용하여 처음부터 끝까지 직접 무언가를 만들어 볼 수 있었다. css도 이것저것 검색하고 적용해보면.. 2023. 1. 1.
[JavaScript] 객체 - 각기 다른 값을 가질 수 있지만 입력해야 하는 데이터의 종류가 동일한 경우, 즉, 공통적인 속성을 가지는 경우 객체(object)를 사용하면 손쉽게 데이터를 관리할 수 있다. (ex) 게임 캐릭터, 회원 주소록 { 키(key) : 값(value) } ☞ 이 둘을 합쳐서(키-값 쌍) 속성(property)라고 한다. let user = { firstName : 'Yeseul', //쉼표로 구분 lastName : 'Choi', email : 'dptmf085@gmail.com' }; - 객체의 값을 사용하는 방법 2가지 (dot notation, bracket notation) user.lastName; //'Choi' user['lastName']; //'Choi' //'' "" ``(string 타.. 2022. 12. 30.
[JavaScript] 배열 - 배열과 객체란 JavaScript에서 대량의 데이터를 쉽게 다룰 수 있게 해주는 데이터 타입이다. - 배열([ ]) : 순서( index(인덱스); 0부터 번호를 매김 )가 있는 값( element(요소) ) let myNumber = [73, 98, 86, 61, 96]; //배열(array)의 예시 // ☞ 배열 안에 배열을 넣을 수도 있다. [[1, 2], [3, 4], [5, 6]] myNumber[3]; //myNumber라는 배열의 3번째 인덱스를 *조회* //61 //참고로 5번째 인덱스를 조회하면 undefined가 찍힘. // ☞ 배열 안의 배열을 조회하려면 myNumber[1][0]; ->3 이런 식으로 중첩하면 됨. myNumber[3] = 200; //myNumber라는 배열의 .. 2022. 12. 29.
[Linux/Git] 기초(2) 보호되어 있는 글 입니다. 2022. 12. 29.
[Linux/Git] 기초(1) 보호되어 있는 글 입니다. 2022. 12. 28.
[HTML/CSS] 활용 보호되어 있는 글 입니다. 2022. 12. 24.