언어
-
[js/ts] 한글 마지막 단어의 받침 유무를 판단하여 조사 붙이기언어/Javascript 2024. 7. 25. 15:54
컴포넌트를 만들 때, props로 text를 넘겨주고는 한다.이 때, 한글은 text의 받침 유무에 따라 조사가 달라지는데,아래와 같이 코드를 작성하여 받침이 있으면 true 없으면 false를 리턴하도록 하여 조사를 붙여줄 수 있다. export const hasLastConsonantLetter = (text: string): boolean => { return (text.charCodeAt(text.length - 1) - "가".charCodeAt(0)) % 28 !== 0;};
-
[라이브러리] moment 자주 사용하는 기능 정리언어/Javascript 2023. 6. 16. 10:41
📌 날짜 형식 변경하기 moment().format() -> moment 객체를 원하는 날짜/시간 형태로 나타냄 -> string으로 리턴 📌 날짜/시간 추출하기 moment().hours() -> second/seconds, month/months, year/years 등등.. 사용가능 -> number 로 리턴 📌 Moment 객체의 처음 또는 마지막 날짜/시간 구하기 moment().startOf() 또는 moment().endOf() -> moment 객체의 처음 또는 마지막 날짜/시간을 구할 수 있음 -> moment 객체로 리턴 -> 사용 예시 moment("2023-06-16").startOf("month").format("DD"); // 30 moment().daysInMonth() -> ..
-
[css] float 속성언어/CSS 2022. 9. 10. 00:08
float는 한 요소가 보통 흐름으로부터 빠져서 텍스트 및 인라인 요소가 부모요소를 기준으로 자기 컨테이너의 좌우측을 따라 배치된다. HTML 태그에 float 속성을 따로 지정하는 것이 아니라면 float:none이 기본값이다. 자동적으로 왼쪽에 정렬된다고 해서 float:left가 아니다. 자식요소에 float 속성이 있다면 부모는 자식요소가 없다고 판단해 높이값을 잃는다. 이 때 부모에게 overflow: hidden 속성을 지정하면 자식의 높이에 자동으로 맞추어 줌 float 속성이 적용되면 다음 요소(형제 요소)가 float 속성을 상속받기 때문에 clear 속성을 주어서 해제시켜야 한다. float로 카드 모양 만들어보기 See the Pen Untitled by gaeun (@gaeundev..
-
[javascript] 호이스팅에 대한 이해언어/Javascript 2022. 9. 9. 00:44
호이스팅이란? 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당 하는 것을 뜻하고, 이 때 선언과 초기화를 분리하여, 선언만 코드의 최상단으로 옮겨집니다. 이는 소스코드 평가과정에서 선언한 변수와 함수를 실행 컨텍스트가 관리하는 환경에 등록하는 것으로 호이스팅이 된 선언들은 실행환경에서 변수나 함수를 만날 시에 실행 컨텍스트가 관리하는 환경에서 검색하여 참조됩니다. var는 호이스팅시 undefined로 변수를 초기화하고, let과 const는 변수를 초기화하지 않으며 이러한 이유로 var는 초기화 전에 실행하는 코드가 나타났을 때 undefined를 출력하고, let과 const는 예외가 발생하는 것입니다. 참고 https://developer.mozilla.org/ko/docs/Gloss..
-
[TypeScript] NodeJs 의 global(전역 객체) 사용언어/TypeScript 2022. 9. 3. 00:43
NodeJS에 내장되어있는 Global 객체. global.(변수이름)으로 선언을 하면 전역에서 사용할 수 있다 에러메세지 Element implicitly has an 'any' type because type 'typeof globalThis' has no index signature (js로 만든 서버를 ts로 변경할 때 겪었던 첫 문제... ts가 어렵게 느껴진 순간이었다.) 해결 방법 declare global { var __base: string; } global.__base = __dirname + '/'; 위와 같이 선언할 변수의 타입을 정해주고 사용하면 된다! declare ? 이미 선언되어있는 타입에 선언을 추가하거나 재정의할 때 사용한다. 참고문서 https://www.typescri..
-
[javascript] HTML 태그의 텍스트를 가져오는 2가지 방법언어/Javascript 2022. 8. 16. 02:15
1. innerText 또는 textContent 아래와 같은 HTML 태그가 있을 때 할일 1 할일 2 할일 3 클릭한 목록 아이템의 텍스트(할일 1, 할일 2 .. )를 가져와야 할 때, 아래와 같이 innerText를 통해 해당 텍스트를 가져오거나, textContent를 이용해서 가져올 수 있다. 할일 1 할일 2 할일 3 2. firstChild의 textContent 또는 nodeValue 1번의 방법 만으로는 해결이 되지 않는 문제가 있었다. 예를 들어 li 안에 다른 태그 요소가 있고, 그 태그에도 텍스트가 있을 때이다. 할일 1삭제 할일 2삭제 할일 3삭제 위 코드와 같이 각 li에 삭제라는 텍스트를 가진 버튼이 있을 때에 각 항목을 click을 하면 왼쪽과 같이 p태그에는 '할일 2삭제..
-
[Javascript] this 에 대해 알아보기언어/Javascript 2022. 7. 7. 16:54
이 글은 모던 자바스크립트의 Deep Dive에 나온 this를 공부하며 이해하기 위해 구성을 조금 편집하여 옮긴 내용입니다. 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. 생성자 함수를 정의하는 시점에는 아직 인스턴스를 생성하기 이전이므로 생성자 함수가 생성할 인스턴스를 가리키는 식별자를 알 수 없다. 따라서 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 특수한 식별자가 필요하다. 이를 위해 자바스크립트는 this라는 특수한 식별자를 제공한다. this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변..