본문 바로가기

분류 전체보기89

visual Studio code] 탭 사이즈 조절하기 visual Studio code를 사용하다보면 들여쓰기 탭의 사이즈를 조절하고 싶을 때가 있다. 아래의 간단한 두가지 방법을 이용하면 손쉽게 탭사이즈를 조절 할 수 있다. 방법1 ① File → Preferences → Settings ② Tab Size에서 원하는 탭의 크기를 입력 방법2 ① Select indention을 클릭 ② Indent Using Spaces 클릭 ③ 원하는 탭 사이즈 클릭 2021. 9. 30.
Javascript] JSON과 JavaScript object 차이점 JSON과 JavaScript object 는 비슷하지만 완전히 다른 녀석입니다. 생긴게 비슷하다니보니 이 둘을 헷갈리기 쉬운데요. 엄연히 다른 녀석들이니 차이점을 살펴보도록 하겠습니다. ① JavaScript object : JavaScript Engine 메모리 안에 있는 데이터 구조 ② JSON: 객체의 내용을 기술하기 위한 text 파.일. 예시를 한번 살펴보겠습니다. json변수는 JSON형식으로 쓰여졌고, obj는 JavaScript object 형식으로 쓰여졌습니다. const json=`{"data":[{"name":"jigeam","age":"25", "course":["classA","12:00"]}]}`; const obj = {data:[{name:'jigeam', age: 25, .. 2021. 9. 29.
Javascript] 화살표 함수 사용하기 (peat. Array.prototype.some()) 화살표 함수가 참 간단하고 좋은데 연습이 안되면 사용하기가 쉽지 않은 것 같습니다. 간단하게 화살표함수를 연습할 수 있는 코드를 짜보았습니다. 그냥 연습하면 재미없으니까~ 다른 함수를 넣어서 연습해보겠습니다. 이번에는 화살표 함수를 사용하는데 예전에 배웠던 some()메서드를 함께 사용해보겠습니다. Array.prototype.some() : some() 메서드는 배열 안의 모든 요소가 주어진 함수를 만족하는지 테스트하는 함수힙니다. 배열에서 ture(참)인요소를 찾을 때까지 콜백 함수를 실행합니다. 참인 요소를 발견한 경우 some은 즉시 true를 반환하고 끝납니다. 그러나 배열에 참인 요소가 없는경우 즉, 모든 요소가 거짓인 경우에는 false를 반환합니다. 그렇기 때문에 콜백함수를 만족하는 요소가.. 2021. 9. 28.
[Javascript] substr(), lastIndexOf() 파일 이름, 확장자 추출하기 파일업로드, 파일다운로드 기능을 구현하다가 보면 '파일의 이름'과 '파일의 확장자'를 따로 추출해서 사용해야하는 경우가 생깁니다. 이럴 때는 어떻게 하면 좋을까요? substr함수와 lastIndexOf함수를 이용하면 쉽게 파일명과 확장자명을 추출 할 수 있습니다. 1. substr() 함수 문자열에서 특정 구간의 문자열을 탐색해서 추출해주는 함수이다. 파라미터로는 탐색구간의 시작인덱스(start index)와 탐색길이(length)를 number로 받는다. 파일 이름 나누기 2. lastIndexOf() 함수 이제 자르는걸 알았으니, lastIndexOf 함수도 같이 적용해보자. lastIndexOf는 파라미터로 받은 문자를 탐색하여, 그 문자가 마지막으로 등장하는 위치에 대한 index를 반환해준다... 2021. 9. 27.