본문 바로가기

전체 글171

[ JavaScript ] splice() vs slice() Array.splice 원본 배열을 바꾼다 (updates the original array) 추가, 삭제, 바꾸기 가능 Array.slice 원본 배열을 바꾸지 않는다. 삭제 가능 Array.prototype.splice()란? mdn문서 array.splice(fromIndex,itemsToDelete,item1ToAdd, item2ToAdd,... ) 요소 삭제 가능, 요소 추가 가능, 기존 요소 대체 2023. 11. 2.
Week 2. 웹 프론트엔드 공통 피드백 보호되어 있는 글 입니다. 2023. 11. 2.
[ JavaScript ] every() every() 란? 배열의 모든 요소가 제공된 함수로 구현된 테스트를 통과하는지 ; boolean 값 반환 코드에서 보기 // 들어온 이름들이 유효한 값들인지 판별하는 함수 const nameValidator = { checkLength: (names) => names.every((name) => name.length names.length === new Set(names).size, }; 코드 출처 https://github.com/woowacourse-precourse/javascript-racingcar-6/pull/3/files#diff-6f9c91db5f0d46907af0cc9094871b918e09f693018ce4930fee94cf41de9a78 2023. 11. 1.
[ React Native ] 프로젝트 시작하기 with TypeScript (feat. React Native CLI) 사이드 프로젝트로 미세먼지알림 서비스를 만들다가, 코드가 꼬여서 갈아 엎어야 하는 상황이 왔는데, 어차피 갈아 엎어야 한다면 어차피 모바일 버전만 있는 UI 이기 때문에, 이참에 React Native 도 공부하고 한번 어플리케이션으로 만들어보자 라는 마음으로 시작한다. 일단 간단히 iOS에서만 가능하도록 해보려고 한다. 리액트 네이티브로 프로젝트를 시작하는 방법이 두 가지가 있는데, 하나는 "Expo" 이고, 다른 하나는 "React-Native-CLI" 를 사용하는 방법이다. 두 가지 다 장,단점이 있는데 장점 단점 Expo - 앱을 쉽게 만들고 쉽게 빌드 가능 - Android Studio, XCode 설치 없이 작업 가능 - 다양한 API 지원 - 파일 자동 관리 - 제공되는 API만 사용 가능 .. 2023. 11. 1.
[ 자료구조 ] 배열 Array & 연결리스트 Linked List & 스택 Stack 비주얼고 ➡️시각적으로 볼 수 있다 배열 (Array) 입력된 데이터들이 메모리 공간에서 연속적으로 저장되어 있는 자료구조 연속적 ➡️ index 를 통한 접근 용이하다 배열의 크기는 처음 생성할 때 정해지며 이후에 변경할 수 없다 연결리스트 (Linked List) 노드(data 와 link 필드를 갖고 있는 구조체)들이 연결되어있는 구조 ➡️ 노드들의 집합 각 노드는 다음에 올 노드의 정보(next pointer)를 갖고 있다 (다음 노드가 없는 경우 null 저장) 맨 앞을 Head, 맨 마지막을 Tail 이라고 한다 중간에 있는 노드는 추적하지 않는다 ➡️ 순차적으로 첫 노드부터 읽어나가야 한다 삽입과 삭제를 할 때 참조하고 있던 주소를 끊어주거나 연결해주면 되기 때문(간단)에 배열의 단점을 해결.. 2023. 10. 31.
[ JavaScript ] attribute vs property attribute 란? HTML의 속성이다. 엘리먼트에 아이디나 클래스와 같은 추가적인 정보를 일컫는다. property 란? DOM의 속성이다. //html //attribute : class , style //DOM // property : className, style attribute vs property 기능 차이 엘리먼트 속성 접근 차이 attribute 는 정적으로 변하지 않고, property는 동적으로 값이 변할 수 있다. => attribute 는 html 안에, property는 DOM tree 안에 존재하기 때문이다. => DOM 은 JS 모델이므로 굳이 HTML 속성을 계속 업데이트 할 필요가 없다. 둘 다 값을 변경하고 싶다면, setAttribute()메서드를 사용하면 된다. .. 2023. 10. 31.