전체 글 91

[스터디] 3일차(2022.12.17) - 얕은 복사, 깊은 복사

1. 얕은 복사 -> 객체를 얕은복사하면 객체의 원소 중 원시타입이 아닌 객체에 대해 참조를 공유한다. 참조에 대해 먼저 알아보자 1) 컨테이너에 대한 참조 ※ 컨테이너: 원본 객체 그 자체 const obj = {a:1, b:2, c:{d:7. e:8}} 자바스크립트에서는 변수 obj에 무언가를 대입하면 이 변수를 참조 방식으로 가리킨다. 2) 참조의 좋은 점 const obj = {a:1, b:2, c:{d:7, e:8}} // 원본 const obj_copy = obj; obj_copy['d'] = 99; console.log(obj); // {a:1, b:2, c:{d:7, e:8}, d: 99} console.log(obj_copy); // {a:1, b:2, c:{d:7, e:8}, d:99}..

코딩/Javascript 2022.12.19

[스터디 2일차] - 일급함수, 고차함수 특징 알아보기

※ 익명함수, 유명함수, 즉시실행함수 / 클로저 1. 일급함수 - 함수를 다른 변수와 동일하게 다루는 언어는 일급 함수를 가졌다고 표현한다. 일급 함수를 가진 언어에서는 함수를 다른 함수에 인수로 제공하거나, 함수가 함수를 반환할 수 있으며, 변수에도 할당할 수 있다.(함수가 다른 일급 객체와 동일하게 다루어 질때, 일급 함수라고 지칭한다.) const foo = function() { console.log("foobar"); } // 변수를 사용해 호출 foo(); 함수를 인자로 전달하는 예시 function sayHello() { return "Hello, "; } function greeting(helloMessage, name) { console.log(helloMessage() + name);..

코딩/Javascript 2022.12.10

[스터디] 22.12.03 - 자료구조 알아보기(Array, Set, Object)

1. Array: map, filter, reduce, push, pop, slice 1) map() - 콜백함수의 리턴을 모아서 새로운 배열을 만들 수 있다. - 요소를 일괄적으로 변경하는 데 효과적임 배열.map(function(현재값[, index[, array]])[, thisArg]); Callback: 새로운 배열요소를 생성하는 함수로 다음 세가지 인수를 가진다. currentValue: 처리할 현재 요소 index(optional): 처리할 현재 요소의 인덱스 array(optional): map()을 호출할 배열 thisArg(optional) : callback을 실행할때 this로 사용될 값 리턴값: 배열의 각 요소의 callback 결과를 모은 새로운 배열 ex) // 문자열 배열에서..

코딩/Javascript 2022.12.02

TIL(22.09.28) - Vue js 웹뷰 프로젝트 내 이벤트 함수, 컴퓨터에서는 동작하는데 모바일에서는 동작 안하는 경우

1. Vue js 1) 에러 발생 - 화면 하단 버튼에 조건식(삼항연산자) 사용. 사진이 있는 경우만 나타나게 끔 설정. 그런데 컴퓨터에서는 잘 나타나는데 모바일에서는 사진이 없는데도 나타남. 2) 해결 - store 내 값과 page 내 값을 일치시켜줌. 3) 원인 photo.js const getDefaultState = () => { return { imageAfter: Array.from({ length: 4 }, () => undefined), // undefined } } pageX.vue created () { this.isUploaded = this.photoStore.getImageAfter() !== null // null } -> store(photo.js)에서는 undefined 인..

코딩/Javascript 2022.09.28

22.09.17 WIL - Api 연동 시 default값 설정 & 체크박스 설정

1. Vue 1. 이번주 배운 내용 1) api 연동할 때 특정 부분에서는 default값 지정이 필요하다. 2) 체크박스 로직 구현.(수신동의 & 수신거부) 2. Trouble Shooting 1-1) 발단 - Api 연동 시 fetchItem 써서 데이터를 가져왔음. 콘솔 노출도 해보고 절대 undefined 하지 않은데 페이지 로딩 때 자꾸 undefined 하다고 나옴. - mounted 디렉티브로 데이터 가져왔는데 페이지가 그려질 때 데이터가 없다보니 undefined라고 뜨는 거임. - created 디렉티브로 해봤으나 역시 안됨. - 총 2번 읽는데 처음 읽을 때 'undefined error' 발생하고 그 다음 Get error, 404 error 발생. 1-2) 해결 - 라이프사이클 훅 ..

코딩/Javascript 2022.09.17

22.07.26 TIL - CSS 변경자

안녕하세요 오늘 나의 인간과 멍뭉이를 알아볼까요? BEM 규칙을 따라 블록__요소--변경자 로 구성. 내가 원했던 것은, class="label"로 명명한 부분의 글자크기와 폰트를 최대한 재사용하고 싶었음. 이럴 땐 변경자를 활용해주면 좋다. 단, 변경자 클래스를 선언할 때 default가 되는 클래스 이름을 꼭 같이 써줘야 함. ex) label이 default고 label--blue와 label--purple에 폰트, 글자 크기를 전달하고 싶을 경우 label--blue와 label--purple 클래스 명에 label을 같이 써주면 됨. class="label label--blue"

코딩/Javascript 2022.07.26