꒰⍨꒱ ༘* https://velog.io/ Wed, 14 Jun 2023 07:10:06 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed ꒰⍨꒱ ༘* https://velog.velcdn.com/images/u_heag/profile/e8b6e905-a095-4bac-8302-ba7b67b6256f/image.jpg https://velog.io/ Copyright (C) 2019. ꒰⍨꒱ ༘* . All rights reserved. <![CDATA[[Node.js] NVM으로 Node JS 버전 관리하기]]> https://velog.io/@u_heag/Node.js-NVM%EC%9C%BC%EB%A1%9C-Node-JS-%EB%B2%84%EC%A0%84-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0 https://velog.io/@u_heag/Node.js-NVM%EC%9C%BC%EB%A1%9C-Node-JS-%EB%B2%84%EC%A0%84-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0 Wed, 14 Jun 2023 07:10:06 GMT 1. NVM이란❓

nvm(Node version Manager)은 여러 버전의 node js를 설치하고 버전 변경을 관리해주는 도구이다.

강의를 들으며 실습하거나 개발을 할때 node.js버전이 달라서 에러가 날 경우가 많은데 ! 이때 nvm을 사용하면 다양한 버전으로 변경이 가능해서 문제를 손쉽게 해결할 수 있다 ❕

2. NVM 설치

🔗 nvm 다운로드: https://github.com/coreybutler/nvm-windows

3. NVM 사용하기

PowerShell에서 작업하는걸 추천합니다 😂

  • 원하는 버전 설치 nvm install 16.19.0
  • 원하는 버전 사용 nvm use 16.19.0
    • 내 pc에 설치된 node.js버전 확인 nvm list
]]> <![CDATA[[CSS] PNG 이미지 편집없이 색상 변경하기 🎨]]> https://velog.io/@u_heag/CSS-PNG-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%8E%B8%EC%A7%91%EC%97%86%EC%9D%B4-%EC%83%89%EC%83%81-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B2%95 https://velog.io/@u_heag/CSS-PNG-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%8E%B8%EC%A7%91%EC%97%86%EC%9D%B4-%EC%83%89%EC%83%81-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B2%95 Wed, 12 Oct 2022 04:50:45 GMT 아래는 radio 버튼을 클릭했을 때 나타나는 화면이다.


아이콘은 png파일인데 색상을 변경하고 싶다면, 이미지 편집없이 간단하게 filter 속성을 추가하면 된다 !

input[type="radio"]:checked + label {
  color: #228b22;
  border: 2px solid #228b22;
  filter: opacity(0.5) drop-shadow(0 0 0 #228b22);
}

색상변경 성공 . . ✨

📢 참고

]]> <![CDATA[[HTML/CSS] 구글 폰트 적용하기 👩‍🏫]]> https://velog.io/@u_heag/HTMLCSS-%EA%B5%AC%EA%B8%80-%ED%8F%B0%ED%8A%B8-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B2%95 https://velog.io/@u_heag/HTMLCSS-%EA%B5%AC%EA%B8%80-%ED%8F%B0%ED%8A%B8-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B2%95 Tue, 11 Oct 2022 03:26:27 GMT
  • Goggle Fonts에 접속

    https://fonts.google.com/


    1. 원하는 폰트를 선택

      1. 언어를 선택할 수 있음

      2. 스타일을 선택해서 + 버튼 클릭

      3. 왼쪽 사이드바 'Use on the web'에 있는 <Link>코드를 html <head>에 붙여넣기 하고 css에 아래코드를 추가하면 끝 🤓

    ]]>         <![CDATA[[AWS] EC2 인스턴스 생성]]> https://velog.io/@u_heag/AWS-EC2-%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4-%EC%83%9D%EC%84%B1 https://velog.io/@u_heag/AWS-EC2-%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4-%EC%83%9D%EC%84%B1 Sun, 13 Feb 2022 15:26:16 GMT ☁️ EC2 인스턴스 생성하기

    1._ AWS콘솔에 접속하고, EC2_ 서비스에 들어가서 인스턴스 시작

    2. Amazon Machine Image(AMI) 선택

    • 우분투 리눅스 선택

    3. 인스턴스 선택 후, 검토 및 시작을 클릭

    4. 키 페어 생성하고 다운로드 받기

    다운로드받은 키 페어는 잃어버리지 말고 잘 갖고있어야 한다. _.ssh 파일로 옮기기 ! _

    RSA와 ED25519가 뭘까... 🙄💭 참고사이트 : https://naleejang.tistory.com/218


    ☁️ EC2 인스턴스 접속하기


    1. 인스턴스 선택 후, 연결을 클릭하여 ssh클라이언트 확인하기

    2. 인스턴스 생성할때 다운로드 받은 키 페어의 속성에서 [보안] -> [고급] -> [상속사용 안함] 버튼 클릭

    3. 명령프롬프트를 관리자모드로 실행하고, 키 페어 파일이 있는 폴더로 이동

    4. 1번 단계에서 봤던 SSH 명령어로 서버에 접속 ✔️

    SSH 명령어 입력 후, 'Are you sure you want to continue connecting?'이 출력될 때 ! 💁 참고사이트 : https://not-to-be-reset.tistory.com/431

    5. 서버에 접속하여 'python3' 입력 후 제대로 접속됐는지 확인



    💁‍♀️ 아래 사이트를 참고하여 작성했습니다 : ) https://ndb796.tistory.com/250 [안경잡이개발자] https://deepmal.tistory.com/6

    ]]>         <![CDATA[[Python] 아나콘다 설치]]> https://velog.io/@u_heag/Python-%EC%95%84%EB%82%98%EC%BD%98%EB%8B%A4-%EC%84%A4%EC%B9%98 https://velog.io/@u_heag/Python-%EC%95%84%EB%82%98%EC%BD%98%EB%8B%A4-%EC%84%A4%EC%B9%98 Sun, 13 Feb 2022 08:12:15 GMT 🐍 아나콘다 설치

    아나콘다(Anaconda)는 패키지 관리와 디플로이를 단순케 할 목적으로 과학 계산(데이터 과학, 기계 학습 애플리케이션, 대규모 데이터 처리, 예측 분석 등)을 위한 파이썬과 R 프로그래밍 언어의 자유-오픈 소스 배포판이다. 패키지 버전들은 패키지 관리 시스템 conda를 통해 관리된다. 📢 자주쓰는 파이썬 패키지가 설치되어있어서 그냥 파이썬만 사용하는 것 보다 편한건가 보다..🙄


    1. 아나콘다 홈페이지 (https://www.anaconda.com/products/individual)에 들어가서 다운로드 받기.



    2. 아나콘다 다운로드 과정



    3. 아나콘다 설치완료


    💡 환경변수 단축키

    window + r 을 누르고, 실행창이 나타나면 sysdm.cpl ,3을 입력하면 환경변수로 이동함 🤓

    아나콘다 설치과정에서 path 설정을 체크해둬서 자동으로 환경변수에 path 추가가 되었다 !

    💡 명령 프롬프트에서 python을 쳤을 때 에러 해결 !

    💁 참고사이트 : https://devpad.tistory.com/42

    ]]>         <![CDATA[[PostgreSQL] INSERT]]> https://velog.io/@u_heag/PostgreSQL-INSERT https://velog.io/@u_heag/PostgreSQL-INSERT Tue, 18 Jan 2022 05:37:39 GMT ▪️ CREATE TABLE 
    -- creating a customers table
CREATE TABLE customers (
    customer_id SERIAL PRIMARY KEY,
    first_name VARCHAR(50),
    last_name VARCHAR(50),
    email VARCHAR(150),
    age INT
);

-- *은 모든 컬럼
SELECT * FROM customers;

    ▪️ INSERT

    INSERT문을 사용하여 테이블에 행을 삽입할 수 있다.

    INSERT INTO table_name(column1, column2, …)
VALUES (value1, value2, …);
    -- insert data into a table
INSERT INTO customers(first_name, last_name, email, age)
VALUES 
('Shin', 'Zzanggu', 'cd.com', 5),
('Shin', 'Zzanga', 'abcd.com', 2),
('Bong', 'Bongsun', 'zz.com', 29);


INSERT INTO customers(first_name)
VALUES ('Bill''o Sullivan');

    ▶️ customer_id는 자동부여 되고, first_name 이외의 값은 null로 삽입된다. ▶️ '를 사용하려면 ''두 번 적으면 된다. 


    -- 값을 insert한 후 그 값의 행만 return 함! *는 컬럼모두
INSERT INTO customers (first_name)
VALUES ('Tom') RETURNING *; 

-- customer_id 만 return
INSERT INTO customers (first_name)
VALUES ('Elsa') RETURNING customer_id;

    ▶️ INSERT문 마지막에 RETURNING키워드를 사용하면 새로 넣은 값의 행을 반환해서 보여준다. RETURNING키워드 뒤에 *이면 모든 컬럼을 반환하고, 특정 컬럼이 적혀있으면 그 컬럼만 반환한다.

    ]]>         <![CDATA[[PostgreSQL] 테이블 생성]]> https://velog.io/@u_heag/PostgreSQL-%ED%85%8C%EC%9D%B4%EB%B8%94-%EC%83%9D%EC%84%B1 https://velog.io/@u_heag/PostgreSQL-%ED%85%8C%EC%9D%B4%EB%B8%94-%EC%83%9D%EC%84%B1 Tue, 18 Jan 2022 02:46:14 GMT

    ▪️ CREATE TABLE

    SERIAL은 아이디를 순서대로 증가시켜준다. PRIMARY KEY는 기본키

    -- 테이블 생성
-- CREATE TABLE 'table_name' (column...);

CREATE TABLE actors (
    actor_id SERIAL PRIMARY KEY, 
    first_name VARCHAR(150),
    last_name VARCHAR(150) NOT NULL,
    gender CHAR(1),
    date_of_birth DATE,
    add_date DATE,
    update_date Date
);

CREATE TABLE directors (
    director_id SERIAL PRIMARY KEY,
    first_name VARCHAR(150),
    last_name VARCHAR(150) NOT NULL,
    date_of_birth DATE,
    nationality VARCHAR(20),
    add_date DATE,
    update_date DATE
);

    👀 테이블 생성 후, 구조 확인하기 SELECT * FROM directors;


    ▪️ CREATE TABLE (참조)

    REFERENCES 키워드를 사용하여 movie 테이블의 director_id는 directors 테이블의 director_id를 참조한다.

    -- 'column_name' 'dataType' REFERENCES 'table_name(column_name)'
director_id INT REFERENCES direcors (director_id)
    CREATE TABLE movies (
    movie_id SERIAL PRIMARY KEY,
    movie_name VARCHAR(100) NOT NULL,
    movie_length INT,
    movie_lang VARCHAR(20),
    age_certificate VARCHAR(10),
    release_date DATE,
    director_id INT REFERENCES direcors (director_id)
);

CREATE TABLE movies_revenue (
    revenue_id SERIAL PRIMARY KEY,
    movie_id INT REFERENCES movies (movie_id),
    revenues_domestic NUMERIC (10,2),
    revenues_international NUMERIC (10,2)
);

    ▪️ 연결테이블

    -- creating a movies_actor junction table

CREATE TABLE movies_actors (
    movie_id INT REFERENCES movies (movie_id),
    actor_id INT REFERENCES actors (actor_id),
    PRIMARY KEY (movie_id,actor_id)
);

    ]]>         <![CDATA[[PostgreSQL] 유저등록, 데이터베이스 생성]]> https://velog.io/@u_heag/PostgreSQL-%EC%9C%A0%EC%A0%80%EB%93%B1%EB%A1%9D-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EC%83%9D%EC%84%B1 https://velog.io/@u_heag/PostgreSQL-%EC%9C%A0%EC%A0%80%EB%93%B1%EB%A1%9D-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EC%83%9D%EC%84%B1 Mon, 17 Jan 2022 15:01:00 GMT

    📌 강의를 듣고 복습을 위해 작성한 공부기록용 포스팅입니다. :D 잘못된 정보가 있으면 알려주세요 !


    1. 데이터베이스 유저등록

    - login/group roles 마우스 오른쪽 클릭 후, create 
  패스워드 설정과 권한부여 설정함.


    2. 데이터베이스 생성

    - 데이터베이스에서 마우스 오른쪽 클릭 후, create -> owner 선택 -> save 


    - ⚡️ 번개모양을 클릭하면 해당데이터베이스의 쿼리를 작성할 수 있는 에디터가 뜸.


    💡 코드 💡

    -- CREATE DATABASE '데이터베이스명'
CREATE DATABASE db_test;

-- DROP DATABASE '데이터베이스명'
DROP DATABASE db_test;
    ]]>         <![CDATA[[PostgreSQL] PostgreSQL 설치하기🐘]]> https://velog.io/@u_heag/PostgreSQL-PostgreSQL-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 https://velog.io/@u_heag/PostgreSQL-PostgreSQL-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 Mon, 17 Jan 2022 07:13:47 GMT


    1. PostgreSQL 홈페이지 접속

    https://www.postgresql.org/download/ 자신의 PC 운영체제에 맞게 설치파일을 다운로드 받습니다.

    💁 설치에러해결 참고사이트 (감사합니다🙇‍♀️)

    1. https://heeonii.tistory.com/8?category=929658
    2. https://bug41.tistory.com/148

    2. 계속 next 클릭 후 다운로드 완료 ❗️

    - 경로 디폴트로 설정, 지역은 korea로 하고 next ⇒
- ⭐️이때 설정한 패스워드는 까먹지 말기⭐️
- 포트번호 5432

-'pgAdin4'를 검색해서 뜨면 다운로드 성공 😆


    3. pgAdmin4 접속

    - Servers -> PostgreSQL11 클릭한 후

    - 2번 단계에서 설정한 패스워드를 입력 !

    - 서버연결 성공 😆

    ]]>