Dev. Handbook28 [React] styled components documenation 번역 및 정리, #1 기초 react를 공부하면서 미니 프로젝트를 진행하고 나서 얻은 조언이 styled components를 적용하는 것이었습니다. 살짝 공부해서 적용해 보니, 좀 더 깊게 파고들면 기본 css를 사용하는 것에 비해 장단점이 존재하지만 사용의 편의성면에서는 styled components를 사용하는 것이 훨씬 작업하기 편리했습니다. 조금 더 깊게 공부를 하려고 홈페이지의 공식 문서를 살펴보다가 나중을 위해 요약 정리했습니다. 1. 동기 부여 (Motivation) styled-components가 React component system에서 스타일을 지정하기 위해 css를 어떻게 향상할 수 있는지 고민한 결과입니다. 단일 사용 사례(a single use case)에 집중함으로써 개발자의 경험과 최종 사용자의 결.. 2023. 12. 1. [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. [JSON] JSON 이해하기 - 1. JSON 기본 : 개요, 특징 및 장단점, 구조 웹 개발을 하면서 정말 생각 없이 사용하게 되는 것이 JSON 인 것 같습니다. 무지성으로 사용해 오다가, 한 번 정리가 필요한 것 같아서 여러 글들을 읽어보면서 정리했습니다. 1. JSON 개요 JSON(JavaScript Object Notation)의 약자입니다. JSON은 사람이 읽기 쉬운 텍스트 기반의 개방형 데이터 교환 형식의 일종입니다. 처음에는 JavaScript에서 출발하여 JavaScript의 구문 형식을 따르지만 프로그래밍 언어와 플랫폼에 독립적입니다. 과거에는 의미 있는 데이터 전달을 위해 XML 형식을 사용했지만, 가독성이 떨어지고 중첩되는 태그 덕분에 불필요한 데이터가 많아 용량이 커지는 단점이 있습니다. 이를 해결한 것이 JSON입니다. 사람이 읽기 편리하며, 비교적 복잡한 구.. 2023. 11. 4. [JavaScript] 데이터 타입(data type)과 형 변환(Type Conversion), Implicit coercion vs Explicit coercion 1. JavaScript 데이터 타입 1.1 동적 타입(dynamic type) JavaScript(JS)는 느슨한 타입(loosely typed)의 동적(dynamic) 언어다. JS의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당(및 재할당)이 가능하다. let foo = 42 // number foo = 'barr' // String foo = true // boolean 1.2 데이터 타입의 종류 JS에서 데이터 타입은 원시 값(Primitive values)과 객체(Object)로 나뉜다. 원시 값(Primitive values) - 객체(Object)를 제외한 모든 타입은 불변 값(immutable value : 변경할 수 없는 값)이다. - JS에서는 String도 원시.. 2023. 2. 25. [Java] Boxing, Unboxing, Autoboxing 그리 int, String 연산 1. Boxing, Unboxing, Wrapper Class https://dev-handbook.tistory.com/102 [Java] 데이터 타입, Primitive vs Reference, Wrapper class 1. 데이터 타입(자료형) Java에는 크게 기본형 타입과, 참조형 타입이 있다. 2. 기본형 타입 (Primitive Data Types) Java의 기본형 타입은 Java에서 Pre-defined data type으로 8가지가 있다. 구분 Data Type 길이 (byte dev-handbook.tistory.com 앞에서 데이터 타입을 살펴보면서 Wrapper Class에 대해 알아봤습니다. Wrapper Class는 Java의 기본형 타입을 객체(Object)로 변환하여 다룰 .. 2023. 1. 3. [Java] Primitive Data Types 사용 시 주의할 점 Primitive Data Types 사용 시 주의할 점 변수 선언 시 반드시 초기화를 하고 사용해야 한다. 변수 선언만 하고 초기화하지 않으면 오류 발생 char 형은 초기화 시 싱글 따옴표를 사용한다. float, double형은 초기화 시 소수점 아래 단위 0을 붙여(10인 경우 10.0) 사용한다. float, long 형은 초기화 시 f, l 키워드를 사용한다 숫자형과 문자형은 캐스팅을 통해 변환하며 사용할 수 있다. public class Java004 { public static void main(String[] args) { int a; int b; // 선언만 함, 초기화 하지 않으면 사용 시 오류 발생 int c = 90; double d; char e; a = 10; b = 20; /.. 2023. 1. 3. [Java] HelloWorld - public static void main(String args[]), static Java - HelloWorld public static void main 이해하기 // public(접근제어자) class(클래스선언) Java001(클래스명) public class Java001 { /* * 접근제한자 : 접근 범위를 지정 * public > protected > default > private * * public : 모든 곳에서 접근 가능 * private : class에서만 접근 * protected : 동일한 패키지, 파생클래스(class, 하위 class[상속])에서만 접근 * default : 동일한 패키지에서만 접근 */ /* * static * - 객체의 인스턴스 생성 없이 호출 가능 * - 자바 프로그램을 실행하면 클래스 로더가 static을 찾아서 메모리에 모두 할당.. 2023. 1. 2. [Java] Enum type(class), 열거형 클래스 그동안 Java에서 enum을 단순하게 사용해왔는데 최근 검색한 자료에서 enum의 다양한 활용방법들을 읽어보고 나서 java에서 enum을 공부하고 정리해 봤습니다. 1. Enum ( Enumerations : specifically listed ) 열거형은 여러 프로그래밍 언어에서 사용하고 있습니다. 다른 언어에서는 단순히 상수 그룹만을 정의하지만, Java에서 enum은 상수(불변의 값, final 변수와 같음)의 그룹을 대표하는 특수 클래스( java.lang.Enum )로 enum 형(Type)으로 사용할 수 있습니다. 이 enum 클래스는 Java 5에서 도입되었습니다. 또한 enum 형 변수를 선언하면 enum에서 정의한 상수값만을 가질 수 있습니다. enum을 생성하려면 'enum' 키워드.. 2022. 12. 27. [MariaDB] Data Type, 데이터 타입, 데이터형, 자료형 10.3, 10.4 데이터베이스 설계를 위해서는 저장해야 할 정보의 자료를 분석하여 적절한 데이터 타입을 선택해야 합니다. 기본적인 데이터 타입은 크게 숫자형, 문자형, 날짜와 시간, 기타 특수 형으로 나눌 수 있습니다. 그중에서 숫자와 문자는 자주 사용하는 데이터 타입으로 데이터 타입 간에 지원하는 범위를 알고 있어야만 저장하려는 데이터 저장 범위에 맞게 사용할 수 있습니다. MariaDB의 경우 숫자형과 문자형의 경우 아주 세부적으로 범위를 나누어 저장할 수 있도록 데이터 타입을 지원하고 있습니다. 가능하면 주요한 데이터형의 지원 범위는 기억해두는 것이 좋기에 정리하여 둡니다. 자주 사용하는 데이터형의 경우 ● 와 함께 행의 글자에 색상을 변경하였습니다. 1. 숫자 데이터 타입 데이터 형식 Bytes 범위 설명 BIT(.. 2022. 11. 9. [MySQL, MariaDB] MySQL, MariaDB 버전별 호환성 MySQL과 MariaDB는 그 뿌리가 같기 때문에 두 DBMS에 호환성은 매우 높은 편입니다만 버전이 업데이트되면서 좀 더 세부적인 기능에서 지원 여부가 차이가 나고 있습니다. 그러나 기본적인 기능은 두 DBMS가 호환이 된다고 볼 수 있습니다. MariaDB와 MySQL은 늘 비교가 되곤 하는데 웹에서 검색되는 결과도 혼용이 가능합니다. 예를 들어 MariaDB 10.2를 사용하고 있는데 어떤 기능이나 설명이 MySQL로만 찾을 수 있는 경우 MySQL 5.7 버전을 참조하면 어느 정도 활용이 가능합니다. 두 DBMS의 버전을 비교하고 있는 자료가 잘 나오지 않지만 우연히 검색하게 되어 참고용으로 정리해 둡니다. MySQL, MariaDB 버전별 호환성 MySQL MariaDB MySQL 5.1 Ma.. 2022. 11. 5. 이전 1 2 3 다음
