전체 글 (48) 썸네일형 리스트형 23.04.10 TIL 문자열을 비교해서 겹치는 문자열 중 첫번째 문자열만 return하는 문제 처음 생각했던 방법은 includes를 사용해서 겹치는 문자열만 push해 주는 방법을 생각했다. function solution(a) { let arr = a.split(","); // console.log(arr) let arr2 = []; for (let a of arr) { if(!arr2.includes(a)){ arr2.push(a); } } return arr2 } console.log(solution("4,2,3,3,2,3,4,1,2,3")); // ["4","2","3","1"] 페어 프로그래밍 하면서 팀원이 작성한 코드는 filter를 사용해서 해당 index의 값과 같은 배열을 arr2에 담아주는 코드로 작성했다.. 23.04.07 TIL function solution(left, right) { let arr = []; let count = 0; let result = 0; for (let i = left; i React : Virtual Dom, props, state 1. DOM(The Document Object Model)이란? 문서 객체 모델(DOM)은 HTML,XML 문서의 프로그래밍 interface이다. DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM은 node와 object로 문서를 표현한다. 이들은 웹페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 1-1. DOM의 구조 1-2. node HTML DOM은 노드(node)라고 불리는 계층적 단위에 정보를 저장하고 있습니다. HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해주는 역할을 합니다. HTML 문서의 정보는 노드 트리(node tree).. Javascript의 ES란? ES5/ES6 문법 차이 1. Javascript의 ES란? 자바스크립트는 넷스케이프사에서 만든 브라우저 동작 스크립트 언어이며 1995년에 만들어졌다.(나랑 동갑이다). 처음에는 모카(Mocha)라는 이름으로 개발되었으나, 그 후에 라이브스크립트(LiveScript), 최종적으로는 자바스크립트(JavaScript)라는 이름으로 변경됩니다. 1996년 넷스케이프는 자바스클립트를 국제 표준안으로 만들기 위해 ECMA(European Computer Manufacturers Association)에 제출하여 ECMA script라는 새로운 표준을 제정하였고, 그 첫번째 버전이 ECMA-262를 1997년에 공표합니다. 그 뒤로도 계속해서 자바스크립트는 발전을 하면서 새로운 버전이 나왔고 가장 최신의 표준은 2015년에 발표된 ECM.. [javascript] element node 선택하기 자식요소 노드 선택하기 myTag.children; myTag.firstElementChild; myTag,lastElementChild; 부모요소 노드 선택하기 myTag.parentElement; 형제요소 노드 선택하기 myTag.previousElementSibling // 이전 myTag.nextElementSibling // 다음 [javascript] 태그 선택하기 id로 태그 선택하기 document.getElementById('접근하고자 하는 태그의 아이디값'); class로 태그 선택하기 document.getElementsByClassName('classname'); 유사배열의 형태로 배열의 기능을 제한적으로 사용가능 const myTags = documentgetElementsByClassName('color-btn')' for( let tag of myTags){ console.log(tag); } 1. 숫자형태의 indexing 이 가능하다. myTags[1]; 2. length 프로퍼티가 있다. myTags.length; 3. 배열의 기본 메소드를 사용할 수 없다. push, slice 등 메서드를 사용할 수 없음 4. array.isArray 는 f.. [javascript] 02. 타입, 값, 변수_part1 프로그래밍 언어에서 표현하고 조작할 수 있는 값의 종류를 타입이라 부르고 어떤 타입을 지원하는지가 프로그래밍 언어의 가장 기본적인 특징을 이룹니다. 프로그램에서 값을 나중에 사용하기 위해 유지하려면 변수에 값을 할당(저장)합니다. 변수에는 이름이 있으며 프로그램은 변수 이름을 통해 값을 참조합니다. 자바스크립트 타입은 기본 타입과 객체 타입으로 나뉩니다. 기본 타입 - 숫자 - 문자열 - 불(boolean) - null - undefined - 심벌 객체 타입 기본 타입에 속하지 않는 모든 값 첫번째. 숫자 1-1. 정수 리터럴 10진수 ex) 0 , 3, 100000 ... 16진수 ex) 0xff => 255 1-2. 부동 소수점 리터럴 부동 소수점 리터럴에는 소수점이 포함 될 수 있다. 1-3. 자.. [javascript] 01. 자바스크립트 어휘 구조 자바스크립트를 작성할 때 지켜야할 어휘 구조에는 다음과 같은 사항이 있다. 1. 대소문자 구분, 스페이스, 줄바꿈 2. 주석 3. 리터럴 4. 식별자와 예약어 5. 유니코드 6. 세미콜론(선택) 첫번째. 대소문자, 스페이스, 줄바꿈 자바스크립트는 대소문자를 구분합니다. 그렇기때문에 키워드, 함수, 변수등을 지정하면 일관적으로 작성해야합니다. example ) ' APPLE', 'Apple', 'apple' 은 모두 다른 변수 이름으로 간주됩니다. 토큰 사이의 공백과 줄바꿈은 무시됩니다. 줄바꿈을 마음대로 쓸 수 있으므로 코드를 읽고 이해하기 쉽도록 본인에게 잘 맞고 일관적인 형식으로 작성 할 수 있습니다. 두번째. 주석 자바스크립트의 주석에는 두 가지 종류가 있습니다. 한 줄 주석과 여러 줄을 작성할 수.. 이전 1 ··· 3 4 5 6 다음
