본문 바로가기

Front-End: Web

 (163)
[js] 문자열.repeat() 안에 정수가 아닌 수를 넣으면? 자동으로 정수로 변환되어 들어간다. 그래서 parseInt(3.5)를 할 필요 없이, 바로 (3.5)를 넣으면 3으로 인식되어 문자열이 3번 반복된다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/repeat String.prototype.repeat() - JavaScript | MDN repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다. developer.mozilla.org
[js] 문자열 자르기 (slice, splice, split, substring, substr) 배열 slice (시작 인덱스, 종료 인덱스?) 기존 배열: 그대로 반환: 잘려진 배열 splice (시작 인덱스, 삭제 개수?, 추가할 문자?) 기존 배열에 반영됨 반환: 잘려진 배열 문자열 split (정규식 | 구분문자, 제한?) 기존 string 유지 반환: 구분문자를 기준으로 잘라서 만들어진 배열 substring (시작 인덱스, 종료 인덱스) 기존 string 유지 반환: 시작 인덱스 ~ 종료 인덱스-1 까지 자른 문자열 substr (시작인덱스, 길이) 기존 string 유지 반환: 시작 인덱스부터 길이를 자른 문자열 https://charlie-choi.tistory.com/98 slice(), splice(), split(), subString(), substr() JavaScript A..
폴더 정리 보호되어 있는 글입니다.
[apple-js] Part 1: 1. OT 뭘 배우는가 this, prototype, class, constructor, ... 어렵고 불편한 문법들이 지금과는 맞지 않은 것들이 많다. 자바스크립트의 최신 문법을 배워볼 것임. JavaScript ES6(신버전) + 객체 지향 2009: ES5 출시 2015: ES6 출시 (대규모 레볼루션 업데이트) 2016: ES7 출시 필요한 사전지식 var function if for forEach eventListener Array Object Array, Object를 만들고 내부 자료를 수정할 줄 안다 위들을 다른 언어에서 다뤄봤다 강의가 필요한 이유 1. 어려운 용어 사용 "객체, 인스턴스, 생성자, ... 등 어려운 프로그래밍 용어로 설명하니까 못 알아듣겠어요!" (이미 OOP 경험이 있..
[해결] vscode에서 TypeScript 오류가 발생한 곳에 빨간색 밑줄이 안뜬다 Nest.js와 TypeScript를 공부하던 중, 자꾸 빨간색 밑줄로 오류가 발생해야 할 부분에서 오류가 발생하지 않아서 구글링으로 찾아본 결과 해결할 수 있었다. Ctrl + Shift + P 를 누른 후, Preferences: Open Settings (JSON)을 클릭한다. 그러면 vscode에 대한 전역설정을 담은 settings.json 파일이 열린다. 나의 경우에는 이렇게 작성되어 있었는데, 빨간색으로 표시된 저놈이 눈에 보였다. 혹시나 몰라서 "typescript.validate.enable" 을 true로 변경하니까, 이제 상단에 있는 index.ts 파일일 빨갛게 에러가 떴다. index.ts 파일을 들어가니까 그제야 오류가 잘 뜬다. 참고로 typescript.validate.ena..
[CSS] 두 요소 겹치기: 부모 relative + 자식 absolute 부모를 position: relative, 자식을 position: absolute로 두면 자식은 부모의 위치를 기준으로 삼는다. 이렇게 하면 여러 자식 요소를 겹치게 둘 수 있다. (예제) - 앱 상단 배너에 hover 하기 전 - 앱 상단 배너에 hover 했을 때
[CSS] 긴글입니다긴글입니다긴글입니... 넓이가 정해진 요소 안에 긴글이 들어갈 때, 요소에서 튀어나오지 않고 글자 마지막에 "..."로 생략하고 싶은 경우에 다음과 같이 작성하면 된다. white-space: nowrap; overflow: hidden; text-overflow: ellipsis; .target { display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 참고 자료 https://webdir.tistory.com/483
[JS] undefined와 null의 차이점은? 계기 코드 리뷰 시간을 가지다가 'undefined와 null의 차이점은 아시죠?'를 질문 받았을 때 순간 멈칫했다. 생각해보니까 이때까지 둘의 차이점을 모르고 그냥 둘이 비슷하다고 생각만 하고 제대로 둘이 어떻게 다른지 모른 채 둘을 짬뽕하여 코드를 작성해왔었다는 것을 깨달았다.. 이번에 둘의 차이점을 공부하면서 앞으로 기초적인 것도 탄탄히 공부하여 좋은 개발자가 될 수 있도록 꼼꼼하게 공부하여야 겠다. undefined vs null 우선 두 타입은 모두 '값이 없음'을 나타낸다. 두 타입이 어떻게 다른지 알아보자. 1. undefined Type 값이 할당되지 않은 변수 기본적으로 값이 할당되지 않은 변수는 undefined 타입을 가진다. undefined 타입의 값은 'undefined' und..
반응형

티스토리툴바