맥북 구매 후 이것저것 다운받다 보니 바탕화면에 다운받은 것들이 그대로 보여져서 바탕화면이 안 예뻐지는 것을 방지(?)하기 위해 잘 숨겨보도록 하자 ! - 단축키 command + spacebar - 터미널 혹은 terminal 검색 - 터미널 열어서 아래의 명령어를 작성 defaults write com.apple.finder CreateDesktop -bool FALSE; kilall Finder 후 엔터치면 바탕화면이 깔-끔해지는 것을 볼 수 있다. 다시 되돌리고 싶다 ? - 그럼 다시 터미널 열어서 아래의 명령어 작성 defaults write com.apple.finder CreateDesktop -bool TRUE; killall Finder 후 엔터치면 더러워진 나의 배경화면을 볼 수 있다...
웹사이트 만들 때 좀 있어 보이기 위해 아이콘을 많이 사용할건데, 첫번째는 'fontawesome'을 사용할거고 두번째는 'react-icons'를 사용해보자 1. fontawesome 사용하기 1) 터미널 열어 fontawesome 패키지를 설치한다. npm install @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome 2) app 폴더 밖에다 pages 폴더를 생성하고 그 안에 _app.js 파일을 생성한다. 3) 아래의 코드를 복사해 _app.js 파일에 붙여 넣는다. import { config } from '@fortawesome/fontawesome-svg-core'..
데이터베이스 만들기 1. Database 메뉴에 Browse Collections를 클릭 후 Add My Own Data 클릭 2. Database 이름과 Collection 이름을 설정 후 Create하기 ( 여기서 Database는 하나의 프로젝트가 되고, Collection은 프로젝트 안에 있는 하나의 큰 폴더 같은 개념이다. ) 3. 아래와 같은 화면이 나오면 INSERT DOCUMENT 라는 버튼을 클릭해 데이터를 넣어보자 원하는 데이터의 이름과 내용을 적고 Insert 하자 (행을 추가하고 싶으면 +버튼을, 삭제하고 싶으면 휴지통 버튼을) 아래와 같이 Post라는 컬랙션 안에 하나의 Document가 잘 들어간 모습 ! Next.js에서 MongoDB 사용하기 1. 먼저, 터미널 열어서 npm..
'관계형 데이터베이스'와 '비관계형 데이터베이스'의 차이점 - 관계형 데이터베이스 (PostgreSQL, MySQL, ORACLE 등등..) 데이터들을 엑셀처럼 표에 저장함 데이터 입출력 시 SQL문법을 사용해야 함 미리 스키마 정의(데이터 표 만들기) 해야함 안정적인 데이터 저장과 운영이 필요한 곳에 주로 사용됨 - 비관계형 데이터베이스 (MongoDB, Cloud Firestore, cassamdra 등등..) 데이터들을 좀 더 자유로운 형식으로 저장할 수 있음 SQL문, 스키마 정의, 정규화가 대부분 필요 없음 분산처리가 잘 되어 SNS 서비스처럼 많은 데이터 입출력이 필요할 때 강점을 보임 MongoDB 가입 / 무료 호스팅받기 1. https://www.mongodb.com/ 에 들어가서 회원 ..
Next.js는 React를 기반으로 한 프레임워크이기 때문에 React를 알고 있는 상태에서 배우면 더욱 재미(?)있을 것이다. React 보러가기 ☞ https://s-young01.tistory.com/24 1. 설치 1) Node.js를 설치한다. (설치되어 있으면 2번으로..) ☞ https://nodejs.org/ko ☜ 2) 폴더를 아무데나 하나 만들어 준다. 3) VSCode로 방금 만든 폴더를 열어준다. 없으면 설치하기 ☞https://code.visualstudio.com/☜ 4) 터미널 열고(단축키 : ctrl + J) 새 Next.js 프로젝트를 생성한다. 명령어 : npx create-next-app@latest --experimental-app 4-1) 프로젝트 이름 짓기 4-2..
Next.js란? : React기반의 "프레임워크". 1. Next.js는 SEO를 위한 SSR을 가능하게 해줌 SEO : Search Engine Optimization의 약자, 구글이나 네이버와 같은 검색 엔진들이 서버에 등록된 웹사이트를 하나씩 돌아 다니면서 웹사이트의 Html 문서를 분석해주는 것 (사이트를 검색 엔진 결과에 잘 노출 시킬 수 있도록 함) SSR : Server Side Rendering의 약자, 서버로부터 완전하게 Html 파일을 받아와 페이지 전체를 렌더링 하는 방식 2. Next.js의 장점 CSR(Client Side Rendering) 환경보다 빠른 렌더링을 할 수 있다. 코드 변경 사항이 저장되면 응용 프로그램을 자동으로 다시 로드한다. 자동 코드 분할 기능 덕분에 불필..
1. 인덱스 활용 1) 인덱스 개념 - 데이터를 빠르게 찾을 수 있는 수단, 조회 속도를 높여주는 자료구조 - 특정 레코드 위치를 알려주는 용도로 사용 - 기본키로 지정할 경우, 자동으로 인덱스가 생성됨 2) 인덱스 활용 - 인덱스 생성 : CREATE [UNIQUE] INDEX ON (); - 인덱스 변경 : ALTER [UNIQUE] INDEX ON (); - 인덱스 삭제 : ALTER TABLE DROP INDEX ; 2. 뷰 활용 1) 뷰 개념 - 다수의 테이블 또는 다른 뷰를 이용하여 만들 수 있다. - 조인(join) 없이 하나의 테이블을 대상으로 하는 단순한 질의어를 사용할 수 있다. 2) 뷰 특징 - 장점 논리적 독립성 제공 사용자 데이터 관리 용이 데이터 보안 용이 - 단점 뷰 자체 인덱..
1. DDL 1) DDL 유형 - 생성 : CREATE - 변경 : ALTER - 삭제 : DROP / TRUNCATE(데이터 삭제, 테이블 구조는 유지) 2) DDL 활용 - 테이블 생성 신규 : CREATE TABLE 테이블명 (열이름 데이터타입 ,); 다른 테이블 정보 이용한 테이블 생성 : CREATE TABLE 테이블명 AS SELECT문; - 테이블 변경 열 추가 : ALTER TABLE 테이블명 ADD 열이름 데이터 타입; 열 데이터 타입 변경 : ALTER TABLE 테이블명 MODIFY 열이름 데이터 타입; 열 삭제 : ALTER TABLE 테이블명 DROP 열이름; - 테이블 삭제 테이블 삭제 : DROP TABLE 테이블명; 테이블 내용 삭제 : TRUNCATE TABLE 테이블 명;..
1.데이터베이스 종류 및 선정 1) 데이터베이스 - 데이터베이스 특징 실시간 접근성 계속적인 변화 동시 공유 내용에 의한 참조 - 데이터베이스 설계 순서 요구조건 분석 개념적 설계 논리적 설계 물리적 설계 구현 2) 데이터베이스 용어 - 속성(Attribute) : 하나의 열을 의미, 컬럼(Column) 또는 필드(Filed)로 표현 - 튜플(Tuple) : 하나의 행을 의미, 레코드(Record) 또는 로우(Row)로 표현 - 차수(Degree) : 속성의 수 - 기수(Cardinality) : 튜플의 수 - 도메인(Domain) : 각 속성들이 가질 수 있는 값들의 집합 - 뷰(View) : 가상의 테이블 - 트랜잭션(Transaction) : 하나의 작업 수행을 위한 연산들의 집합 → ACID(트랜..
1. 네트워크 기초 활용 1) 네트워크 계층 구조 - 네트워크 : 원하는 정보를 원하는 수신자 or 기기에 정확하게 전송하기 위한 기반 인프라 ① 거리에 따른 분류 LAN : 근거리 네트워크 WAN : 광대역 네트워크 ② 데이터 교환 방식 회선 교환 방식 : 데이터 전달 경로가 정해진 후 동일 경로로만 전달 패킷 교환 방식 : 정보를 일정 크기로 분할 후 각 패킷에 송수신 주소 및 부가 정보를 입력 2) OSI (Open System Interconnection) 7계층 - 하위 계층 ① 물리 : 실제 장비들을 연결하기 위한 장치 주요 장비 : 허브, 리피터 ② 데이터링크 : 오류와 흐름을 제거해 신뢰성 있는 데이터 전송 주요 장비 : 브리지, 스위치 ③ 네트워크 : 올바른 경로를 선택하도록 지원 주요 ..