본문 바로가기

Programing371

[코드팩토리] 값 레퍼런스 복사 (Copy by value and reference) copy by value 값에 의한 전달 copy by reference 참조에 의한 전달 기본 특징 기본적으로 모든 primitive 값은 copy by value다. 객체는 copy by reference다. Primitive type(원시)타입과 Object type(객체)타입의 차이 primitive ype 원시타입은 한 번 생성되면 해당 값을 변경할 수 없다. 변수의 실제 값이 저장된다. 값에 대한 비교가 이루어진다. object type 객체타입은 값이 생성되더라도 나중에 객체 내의 속성을 추가하거나 수정, 제거할 수 있다. 변수에는 객체의 Reference(참조, 주소)가 저장된다. 참조에 대한 비교가 이루어진다. // 속성 수정 관련 차이점 // Primitive Type let numbe.. Programing/JavaScript 2024. 3. 5.
[코드팩토리] 객체 기본 (Object basics) 자바스크립트에서 객체(object)는 사용빈도가 가장 높고 정말 중요한 기능이다. 그리고 이 객체를 다루는 능력에 따라 코드의 품질과 개발자의 실력차가 뚜렷하게 드러나는 기능이다. 따라서 심도있게 공부하면 좋다. 객체(Object)는 속성들의 집합이고 비슷한 속성을 가진 값들을 묶는데 사용한다. 그리고 그 객체는 key : value가 쌍으로 중괄호 안에 묶여있다. 객체를 선언하는 방법 일반적인 방법 기본형 : let(const 등) 변수명 = { key : value }. let wonyoung = { name: '장원영', group: '아이브', }; console.log(wonyoung); 그런데 key : value에서 value에는 함수가 들어갈 수도 있다. let wonyoung = { na.. Programing/JavaScript 2024. 3. 5.
[코드팩토리] 어레이 함수 (Array Functions) Array 함수 타입은 Object 타입 다음으로 사용 빈도가 높은 함수이다. 이번 내용에서는 그 중에서도 사용빈도가 높은 어레이 함수에 대해 다룬다. 기본형 let 변수명 = ['인덱스0번에해당하는값', '2번값', '3번값'...]]; let iveMembers = [ '안유진', '가을', '레이', '장원영', '리즈', '이서' ]; console.log(iveMembers); 위와 같이 Array 기본형으로 구성하면 아래와 같이 콘솔에 출력된다. push() Array의 가장 마지막 인덱스에 값을 추가하는 함수 기본형 : 변수명.push('추가할값'); let iveMembers = [ '안유진', '가을', '레이', '장원영', '리즈', '이서' ]; console.log(iveMembe.. Programing/JavaScript 2024. 3. 5.
[코드팩토리] 함수의 기본기 (Function Basics) 개념 개발자는 DRY의 원칙을 지키는 것이 좋다. D : Don't R : Repeat Y : Yourself 즉 작업의 효율성을 떨어뜨리는 반복적인 작업은 하지 말라는 뜻이다. function을 활용하면 반복적인 코드 입력을 개선할 수 있다. 일반함 function 함수명(){함수내용} 아래와 같은 상황이 있다고 가정해보자. console.log((3 * 10 / 2 % 3).toSring()); console.log((2 * 10 / 2 % 3).toSring()); 앞의 3과 2만 바뀌었을 뿐 나머지는 동일하다. 계속 반복해서 입력해야 하는 번거로움이 있다. 이럴 때 저 계산식 자체를 함수로 만들어주면 나중에는 함수만 호출해도 작동이 된다. funtion calculate() { console.lo.. Programing/JavaScript 2024. 3. 4.
2024-03-03 황금연휴를 활용한 개인학습 HTML과 CSS를 공부하는데는 속도감이 있게 진행할 수 있었다. HTML부터 시작해서 보기만해도 어지러운 꼬부랑 문자를 처음 접하고 난 후에 HTML이 순으로 골격이 구성되어 있는 것은 알겠는데 어디에는 라고 하고, 어디에는 별도로 head내에 내부에 작성해서 h1 { color: red; } 라고 작성하라고 하고, 이것이 CSS를 말하는 것 같긴 한데, CSS가 꾸며주는 거라곤 알겠는데, 어떤 것이 HTML의 속성이고 CSS의 속성인지. 어디에 위치를 해야 맞는 것인지조차 1주일이 지나도 이해가 되질 않았다. 아무래도 처음이다보니 속성으로 진행되는 유튜브 강의들이나 인터넷 자료들은 나에게 맞지 않았던 것 같다. 영어 알파벳을 모르는데 영어 작문을 잘 해보겠다고 바로 작문수업에 들어간 것과 같았다. 그.. Programing/TIL 2024. 3. 3.

티스토리툴바