Crescendo Code

노션의 꽃 데이터베이스 일상 속에서 활용해 보기 우리가 알고 있는 데이터베이스 노션의 꽃 데이터베이스라는 말을 들어보았는가? 노션은 기본적인 블록 배치를 통해 페이지를 채워나가는 기능들이 대부분이지만, 많은 데이터를 일목요연하게 정리하고 요약할 수 있는 데이터베이스라는 기능이 있다. 우리가 일반적인 데이터베이스를 떠올릴 때, 주로 쇼핑몰의 회원 정보나 상품 목록, 또는 기업 내부의 직원 정보나 업무 시스템과 같이 다양한 그룹 데이터를 관리하는데 활용하는 이미지를 떠올리곤 한다. 실제로 이러한 목적으로 데이터베이스는 많이 사용되고 있고, 조직의 효율적인 운영과 지원에 큰 역할을 하고 있어 핵심적인 중추 시스템으로 자리 잡고 있다. 그런데 노션 데이터베이스를 보자. 노션 데이터베이스는 우리가 알고 있는 전통..

노션 데이터베이스의 종류 노션 데이터베이스의 종류에는 두 가지가 있다.먼저, 하나의 상위 페이지 안에서 하위 페이지 블록 역할을 하는 인라인 데이터베이스가 있다.노션은 한 페이지 안에 여러 개의 페이지 블록을 배치할 수 있기 때문에,데이터베이스도 인라인으로 설정하면 한 페이지 안에 여러 개를 생성하고 배치할 수 있다. 또 다른 종류로는 전체 페이지 데이터베이스가 있다.이름 그대로 페이지 전체를 데이터베이스로 사용하는 방식이다.인라인 데이터베이스가 자신이 소속된 상위 페이지를 가지고 있었다면 전체 페이지 데이터베이스의 경우 자신 스스로가 그 상위 페이지가 되고, 오로지 데이터베이스로서의 페이지 역할만을 수행하게 된다. 어떤 방식의 데이터베이스가 더 좋을까? 인라인 데이터베이스한 페이지 안에 여러 개의 ..

D2Coding Font 설치하기 VS Code를 이용한다면 코딩을 위해 가독성이 좋은 폰트로 변경하면 좋다. 여러 폰트를 비교해보고 관련된 추천 글들을 찾다보니 D2Coding 폰트가 VS Code를 사용하는 사람들 사이에서는 가장 인기있는 폰트인 듯 했다. 개발을 위해 만들어진 폰트이기 때문에 코드 가독성면에서 훌륭하다고 한다.폰트 다운로드 : 깃허브 → d2codingfont ▶ 아래 d2codingfont 깃허브에 들어가 최신 버전의 릴리즈 다운받기 Releases · naver/d2codingfontD2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub.github.com 25년 1..

텍스트 블록 안에 하위 페이지 추가 및 링크 걸기 노션은 텍스트, 페이지, 이미지 등 객체 하나하나가 레고처럼 블록으로 구성되어 있다.그런데 만약 텍스트 블록 안에 그 내용의 일부로서 페이지 블록을 넣고 싶다면,즉 인라인 페이지를 생성하려면 어떻게 해야 할까? 이럴 땐 '+' 기호와 '[[' 기호를 사용하면 된다.'+' 기호와 '[[' 기호의 공통 기능 '+' 기호와 '[[' 기호는 텍스트 블록 내에 인라인 페이지를 생성한다.그와 관련된 기본적인 기능은 두 기능이 매우 유사하여 대부분 어느 쪽을 사용해도 상관없다.두 기호가 하는 대표적인 기능은 크게 생성과 링크로 나누어지며 아래 목록과 같다. 1. 현재 페이지에 새로운 하위 페이지를 생성 후, 그 페이지를 텍스트 블록 안에 인라인 페이지로 추가 2...

Java 에서의 진법 자바는 10진수, 2진수, 8진수, 16진수를 모두 지원한다. - 10진법 : 우리가 일반적으로 사용하는 0부터 9까지의 숫자를 이용해 수를 나타내는 진법 - 2진법 : 0과 1 두 개의 숫자만을 이용해 수를 나타내는 진법 - 8진법 : 0부터 7까지의 숫자를 이용해 수를 나타내는 진법 - 16진법 : 0부터 9까지의 숫자와 A부터 F까지의 문자로 수를 나타낸다. 숫자와 문자 총 16개로 표현하는 진법 자바에서 각 진수를 사용하기 위해서는 진수에 해당하는 리터럴 값 앞에 접두어를 추가로 붙여주어야 한다. 다음은 각각의 진수를 사용하기 위해 필요한 접두어이다. 진수 접두어 예시 10진수 없음 12 2진수 0b 0b10 8진수 0 011 16진수 0x 0x10 int i1 = 14; i..

패키지 계층 구조 설정 프로젝트를 진행하다보면 동일한 패키지 카테고리에 이름을 변경하여 추가하고 사용하는 경우가 많다. 적은 양이면 상관이 없지만 이러한 방식이 누적되어 패키지의 양이 많아질 경우 다소 가독성이 떨어질 수 있다. 이 문제점은 패키지 안에 패키지를 넣음으로써 보완할 수 있으며 이전보다 용이하게 패키지를 관리할 수 있다. 다음과 같은 프로젝트가 있다고 가정해 보자. 패키지는 .(마침표)를 구분자로 소스 파일들을 각각의 그룹으로 구분한다. Package Explorer 창 우측 상단 부분에 점 세 개로 되어있는 버튼을 클릭한다. 이후 Package Presentation - Hierarchical을 찾아 클릭한다. Hierarchical은 '계층 구조에 따른'이라는 의미를 가지고 있다. 잘 찾..

이클립스 설치 후 세팅하면 좋은 것들 1. 이클립스 다크 모드 설치 2. Console 창 추가하기 3. 인코딩 설정하기 4. 폰트 글꼴 및 크기 설정하기 이클립스 다크모드 설치 개인 취향이지만 다크모드를 설치하면 코드 가독성이 조금 더 좋아지는 것 같다. ▶ 상단바에서 Help - Eclipse Marketplace... 선택 ▶ 검색창에 dark 검색 후 Darkest Dark Theme with DevStyle 인스톨 클릭 - 패치 버전은 인스톨 시점에 따라 다를 수 있다. ▶ Confirm 클릭 ▶ I accept.. 체크 후 Finish 클릭 ▶ 잠시 기다리면 재실행 할거냐는 창이 뜨고 Rerstart Now를 클릭하여 이클립스를 재실행하면 다크모드가 적용된다. Console 창 추가하기 ▶ 상..

이전에 만들었던 폼에다 자바스크립트로 유효성 검사를 추가하려고 한다. ↓ 간단한 로그인 폼 만들기 #1 : 구조 만들기 아이디, 비밀번호 입력란과 로그인 버튼이 있는 간단한 로그인 폼을 만들어 보려고 한다. CSS 활용 예시로나 볼만한 아주 간단한 디자인이기 때문에 기능적인 면은 참고가 어렵다. HTML/CSS를 이용 crescendo-code.tistory.com ▶ 기존 HTML 코드 ( loginForm.html ) Login 로그인 ▶ 기존 CSS 코드 ( loginForm.css ) .container { width : 300px; height : 280px; border : 1px solid black; border-radius : 30px; background-color : rgb(255, ..

간단한 로그인 폼 만들기 #1 : 구조 만들기 아이디, 비밀번호 입력란과 로그인 버튼이 있는 간단한 로그인 폼을 만들어 보려고 한다.CSS 활용 예시로나 볼만한 아주 간단한 디자인이기 때문에 기능적인 면은 참고가 어렵다.HTML/CSS를 이용해 기본적인 구조를 만들고 자바스크립트로 간단한 유효성 검사를 진행할 예정이다. 기본적인 HTML 구조 Login 로그인 - 기본적으로 필요한 Login 글귀, 아이디 / 비밀번호 입력란, 로그인 버튼을 생성한다.- 아이디, 비밀번호 입력란은 웹 접근성 향상을 위해 label 태그와 함께 사용하는 것이 좋다.- 로그인은 기본..

자바스크립트의 true, false && (AND), || (OR) 연산자는 논리 연산자의 종류 중 일부이다. 논리 연산자는 결괏값으로 참, 거짓의 여부를 반환한다.  우선, 논리 연산자를 다루기 앞서 자바스크립트의 참과 거짓에 대한 특성에 대해 알아보려고 한다. 자바스크립트에서 참과 거짓을 판별할 수 있는 기준으로는 10  ▶ true 값을 반환하는 경우자료형예시문자 및 문자열'a', "car"0을 제외한 정수10, -20참인 식10   ▶ false 값을 반환하는 경우- ""(빈 문자열), 0, null, undefined, NaN, 틀린 식  ▶ if 문을 통한 참, 거짓 예제let boolean1 = 0;if( boolean1 ) ..