본문 바로가기

전체 글124

[JavaScript] JS에서 객체 이름 확인하는 방법 객체 관련 내용을 정리하다가 객체 이름을 확인하는 방법이 궁금해서 찾아보기 시작했습니다. 결론은 JavaScript에서 객체의 이름은 원래 없는 게 맞다고 봅니다. JavaScript는 프로토타입 기반의 동적 언어로 객체를 지원하고 있기 때문에 특정한 경우에만 객체의 이름을 사용할 수 있습니다. 1. JavaScript의 객체 생성방법 JavaScript의 거의 모든 객체는 Object 객체의 인스턴스입니다. JavaScript에서는 몇 가지 방법으로 객체를 생성할 수 있습니다. 1.1 객체 초기자 (Object initializer) 객체 초기자의 사용은 "리터럴 표기에 의한 객체 생성"이라고도 합니다. const myObject = { prop_1: value_1, // 식별자 prop_2: valu.. 2023. 11. 20.
[JavaScript] this 제대로 이해하고 사용하기 Node 환경에서 코딩을 하면서 this를 사용해야 하는 경우가 있었습니다. 그런데 경우에 따라서 이 this의 동작이 달랐습니다. 다른 언어에서와는 달리 JavaScript는 this의 의미가 다르게 동작하는 경우가 있어서 제대로 이해하고 사용하고자 정리해 두었습니다. 1. this 란? 컴퓨터 프로그래밍 언어에서 this는 현재 실행 중인 코드가 속한 객체, 클래스 또는 기타 엔티티를 참조하는 데 사용하는 키워드입니다. this가 참조하는 엔티티는 실행 콘텍스트(예: 해당 메서드가 호출되는 객체)에 따라 달라집니다. 문제는 프로그래밍 언어마다 이 키워드를 약간 다른 방식으로 사용합니다. 많은 프로그래밍 언어에서 this는 한 가지 의미로 사용하는 경우가 많습니다만, JavaScript의 경우에는 사용.. 2023. 11. 19.
[JSON] JSON 활용하기 - JavaScript 로 JSON 다루기 JSON은 여러 프로그래밍 언어에서 활용할 수 있습니다. 기본적으로 웹 개발에서 JavaScript로 다루는 경우가 많고, Node 환경이나 React 등의 JavaScript 기반의 언어에서 자주 활용하고 있으므로 JavaScript에서 다루는 방법을 소개합니다. 1. JSON 객체 JavaScript는 표준 내장 객체를 가지고 있습니다. 표준 내장 객체(Standard Built-in Object)란 JavaScript 엔진에 기본으로 포함되어 있는 객체입니다. JavaScript(ECMAScript) 기술 개요를 알아보려면 아래 링크를 정독하면 좋습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/JavaScript_technologies_over.. 2023. 11. 13.
[마크다운] Markdown 문법 기본 및 확장, Quick Reference 1. Markdown 이란? 마크다운(Markdown)은 마크업 언어의 일종으로 파일의 확장자는. md,. markdown을 사용한다. 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있고 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 콘텐츠를 작성하고 보다 직관적으로 인식할 수 있다. https://www.markdownguide.org/ 2. Markdown 문법 : 기본 요소 (Element) Markdown 문법 제목 Heading # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 This line is H1 ====== This line is H2 ------ 문단 줄바꿈 2 번 들여쓰기 한.. 2023. 11. 7.
[JSON] JSON 이해하기 - 2. JSON 기본 : JSON에서 사용하는 데이터 타입 JSON에 대한 기본적인 이해가 부족하다면 아래 글을 먼저 읽고 오면 좋습니다. https://dev-handbook.tistory.com/119 [JSON] JSON 이해하기 - 1. JSON 기본 : 개요, 특징 및 장단점, 구조 웹 개발을 하면서 정말 생각 없이 사용하게 되는 것이 JSON 인 것 같습니다. 무지성으로 사용해 오다가, 한 번 정리가 필요한 것 같아서 여러 글들을 읽어보면서 정리했습니다. 1. JSON 개요 JSON(JavaS dev-handbook.tistory.com 4. JSON에서 사용하는 데이터 타입 JSON에서는 number, string, boolean(true, false), object, array, null의 6가지 데이터 타입을 사용할 수 있습니다. 4.1 숫자 (.. 2023. 11. 6.
[JSON] JSON 이해하기 - 1. JSON 기본 : 개요, 특징 및 장단점, 구조 웹 개발을 하면서 정말 생각 없이 사용하게 되는 것이 JSON 인 것 같습니다. 무지성으로 사용해 오다가, 한 번 정리가 필요한 것 같아서 여러 글들을 읽어보면서 정리했습니다. 1. JSON 개요 JSON(JavaScript Object Notation)의 약자입니다. JSON은 사람이 읽기 쉬운 텍스트 기반의 개방형 데이터 교환 형식의 일종입니다. 처음에는 JavaScript에서 출발하여 JavaScript의 구문 형식을 따르지만 프로그래밍 언어와 플랫폼에 독립적입니다. 과거에는 의미 있는 데이터 전달을 위해 XML 형식을 사용했지만, 가독성이 떨어지고 중첩되는 태그 덕분에 불필요한 데이터가 많아 용량이 커지는 단점이 있습니다. 이를 해결한 것이 JSON입니다. 사람이 읽기 편리하며, 비교적 복잡한 구.. 2023. 11. 4.
[MySQL] DB 생성, 사용자 등록 및 권한 부여 개발에서 H2 다음으로 자주 접하게 되는 DBMS가 MySQL인데 한 번 설정하면 다시 쳐다보지 않아서, 자꾸 까먹게 되는 것이 사용자 생성 및 권한 부여 방법입니다. 계속 미루다가 이번에 상세히 정리했습니다. 1. DB 접속 방법 MySQL에 DB를 생성하고 사용자를 등록하는 방법 중 가장 기본적인 방법이 MySQL에 접속해서 SQL로 작업하는 방법입니다. 미리 설정된 DBMS Tool 이 있다면 이를 이용하는 방법도 있지만, 항상 환경이 갖춰져 있지 않은 경우가 많으니 SQL을 사용하는 방법을 꼭 익혀두는 것이 좋습니다. MySQL을 설치했다면 콘솔(윈도우에서는 cmd 창)에서 명령을 사용해 접속할 수 있습니다. # 비밀번호 입력 > mysql -u root - p Enter password: mys.. 2023. 8. 14.
[Gradle] dependencies deprecated (ex: compile -> implementation) 개발은 늘 엉뚱한 곳에서 시간을 많이 빼앗기게 되네요. 이번에도 예전에 만들어진 소스를 분석하려고 환경을 세팅하다가, build.gradle 에서 시간을 많이 빼앗겼습니다. 특히 컴파일 에러의 원인이 명시되지 않는 현상까지 발생해서 한참 애를 먹었는데 , 결국은 deprecated 된 의존성 옵션을 잘못 수정해서 발생하는 현상이었습니다. 덕분에 다시 찾아보고 정리해 둡니다. compile, runtime, testCompile, testRuntime 은 Gradle 4.10 (2018.8.27) 이후 deprecate 되었고 Gradle 7.0 (2021.4.9)부터 삭제되었습니다. 주요 변경 내역 compile --> implementation runtime --> runtimeOnly testComp.. 2023. 8. 13.
[Chrome] 크롬 브라우저 윈도우 화면 캡쳐 시 화면 밝아짐 Windows에서 화면을 캡처할 때 파이어 폭스 등의 다른 브라우저는 문제가 없는 데 크롬에서만 꼭 화면이 밝게 변경되는 현상이 종종 나타났습니다. 매번 나타나는 현상은 아닌데 이유를 알 수 없어서 고민하고 있었는데, '크롬 윈도우 캡쳐 화면 밝아짐'으로 검색해서 나온 결과에서 답을 찾았습니다. 원인 원인은 HDR 지원 문제입니다. LG 32UN650 모니터를 구매하고 HDR 옵션을 켠 뒤로 보기 시작한 현상으로, HDR을 켜면 크롬에서는 Default color profile로 동작하도록 설정되어 있어서, color profile이 꼬이는 현상입니다. 간단하게는 HDR을 끄면 되지만, HDR을 포기할 수는 없죠~! 설정 방법 chrome://flags/#force-color-profile 크롬 브라우저.. 2023. 8. 8.
[MAC] 맥북 화면 캡처, 창 캡처 및 캡쳐 후 바로 붙여넣기 화면 캡처 - 마우스로 선택 캡처 : [ Command + Shift + 4 ] 캡처 후 편집기에서 편집 가능 : 우측 하단 코너의 이미지 아이콘 클릭 바탕화면에 저장됨 화면 캡처 - 마우스로 선택 후 바로 붙여 넣기 캡처 [ Command + Shift + 4 ], [ Ctrl를 누른 채, 드래그하여 선택 ] 붙여 넣기 [ Command + v ] 원하는 곳에서 [ Command + v ] 붙여 넣기 바탕화면에 저장되지 않음. 전체화면 캡처 전체화면 [ Command + Shift + 3 ] 캡처 후 편집기에서 편집 가능 : 우측 하단 코너의 이미지 아이콘 클릭 바탕화면에 저장됨 창 선택하여 캡처 창 선택 [ Command + Shift + 4 ], [ Space ] Space 키 입력 시 아이콘이 카.. 2023. 3. 4.

티스토리툴바