리얼라이져의 마케팅, 개발, 창업 블로그

GitEmoji 사용하기

nadadhl — Sun, 10 Sep 2023 11:52:27 +0900

나는 평소에 git을 사용할때,

작업을 하고 해당 작업에 대한 간단한 메세지 정도만 남겨서 commit을 찍었다.

하지만, 시간이 지나니 문제가 좀 있었다.

이전 리팩토링 코드에서 문제가 생겨 revert를 해야하는데 commit이 많다보니,

해당 commit을 찾기위해 commit log 들을 다 읽어 봐야 했기 때문이다.

결국, 찾긴 했지만

commit 메세지에도 뭔가 통일성 이라던지 ,

한번에 어떤 성질인지 분류가 가능한 규칙이 필요하다고 생각이 들었다

그렇게 발견하게된 gitmoji!

gitmoji란 커밋 메세지에

각 의미가 있는 이모지를 더하여 commit을 하는 tool이라고 한다.

이렇게 하면,

log를 훑어 볼때도 이모지로 좀더 빠르게 내용 파악이 가능할것 같았다.

그럼 어떻게 사용할까??

우선 gitmoji를 설치한다.

brew install gitmoji

(맥 brew 기준)

gitmoji -v로 설치가 되었는지 확인 하고,

버전이 나온다면, 이제 gitmoji를 사용하면 된다.

이제 commit을 하나 찍어보겠다

gimoji -c를 하면 commit을 찍을수 있다

주의사항 gitmoji -c를 했는데

commit 내용에 이모지가 안보이고 아래처럼 보이는 경우가 있다.

이때는 gitmoji -g를 통해 설정을 바꾸어 줘야한다.

여기서 select how emojis should be use … →. 이부분에서 선택이 가능

위처럼 설정하고 다시 commit을 찍어보니 이제 terminal에서도 이모지가 잘보이는것 같다.

아래는 github 으로 푸시했을때

각 이모지별 의미는 아래 사이트에서 확인 가능하다.

https://gitmoji.dev/

gitmoji

:truck: Move or rename resources (e.g.: files, paths, routes).

gitmoji.dev

나는 혼자 쓸것이기 때문에 위 사이트에서 지정한 convention을 따르려 하지만,

각 팀별로 이모지를 추가하거나 이모지별 쓰임을 변경해서 사용도 가능한것 같다~!

그럼 이만....

BuildConfig가 안잡힐때 해결법

nadadhl — Sat, 9 Sep 2023 21:58:43 +0900

가끔 buildConfig가 import가 안되고, 빨간색으로 뜨는 경우가 있다.

이경우 clean build를 해보고 다시 rebuild를 해도 그대로인 경우가 있는데,

File -> Invalidate Caches/Restart를 진행하고 다시

rebuild 를 해보니 해결이되었다.

drwable과 mipmap 차이

nadadhl — Fri, 1 Sep 2023 22:52:00 +0900

간단하게 말하자면,

drwable 의 경우는 일반적인 이미지 자원을 위한 폴더

mipmap은 아이콘 이미지 자원만을 위한 폴더이다.

기본적으로 동작이 다른건 아니지만, 이렇게 나눠서 쓴다.

아래는 개발자 사이트에 적혀있는 내용이다.

Drawable

For bitmap files (PNG, JPEG, or GIF), 9-Patch image files, and XML files that describe Drawable shapes or Drawable objects that contain multiple states (normal, pressed, or focused). See the Drawable resource type

Mipmap

For app launcher icons. The Android system retains the resources in this folder (and density-specific folders such as mipmap-xxxhdpi) regardless ****of the screen resolution of the device where your app is installed. This behavior allows launcher apps to pick the best resolution icon for your app to display on the home screen. For more information about using the mipmap folders, see Managing Launcher Icons as mipmap Resources.

안드로이드 스튜디오 - 클래스 생성시 자동 주석 처리 기능

nadadhl — Wed, 9 Sep 2020 11:13:26 +0900

협업에 있어서 클래스 생성시

어떤 프로젝트에서 누가 언제 클래스를 생성했는지

알면 좋다.

그래서 보통 클래스 생성후 주석을 다는데

이부분을 자동으로 해줄수 있는 기능이 안드로이드 스튜디오에서 제공한다.

1. File 탭 -> Setting탭을 들어간다.

2. Setting 탭에서 File and Code Templates를 찾고 아래와 같이 들어간다.

3. 주석 내용

/**
* ${PROJECT_NAME}
* Class: ${NAME}.
* Created by ${USER}.
* Created On ${DATE}.
* Description:
*/

그럼 끄읕~

Firebase에 안드로이드 프로젝트 등록하기

nadadhl — Tue, 28 Jul 2020 22:01:10 +0900

구글 로그인 구현

페이스북 로그인도 필요해서

파이어베이스 사용하여 구현시, 페이스북도 적용가능하다고 함.

그래서

파이어 베이스를 이용해서 진행

그렇 처음에 뭐 부터 할까??

우선, 안드로이드에 파이어베이스 부터 추가 시켜주자.

안드로이드 파이어 베이스 연결 방법

1.우선 프로젝트를 하나 만든다.

2. 파이어베이스 프로젝트를 하나 만들자 - FirbasePractice라는 프로젝트 하나 만듬.

3.프로젝트 생성 완료

4.그럼 이제 아래와 같은 화면이 뜸.

여기서 android 앱을 추가 하자

5. 그럼 아래와 같이 연결 할 안드로이드 앱 정보가 나옴

6.연결할 안드로이드 패키지 이름 넣어주고 앱 닉네임 만들었는데

현재 구글 로그인 등을 사용하기 위해서는 sha-1 서명 인증서를 넣으라고 함.

7. 디버그 서명 Sha-1 서명 인증서는 어디에???

Android studio-> gradle 탭 -> Tasks ->android -> siginingReport 클릭

이렇게 하면,

이렇게 나옴

이걸 가지고 넣어주면 된다.

이렇게 넣어줌.

그리고 앱등록 ㄱㄱ

그러면 이제 google-service.json이라는 버튼 나옴.

해당 버튼 누르면 google-services.json 파일이 다운로드 되는데,

이걸 android app modul 에다가 추가 시켜준다.

이렇게 넣어줌.

그다음 다시 다음 버튼 눌러준다.

그럼 이렇게 나옴.-> 그대로 프로젝트에 적용

프로젝트 수준 gradle 적용 사진

앱 수준 gradle

그다음 sync now 눌러줌

그다음 다시 다음 버튼을 눌러준다.

그다음 앱을 설치하고 한번 실행 시켜준다.

이렇게 나오던게

요렇게 뜬다.

암튼 이제 해당 안드로이드 프로젝트는 firebase 추가 되었다

이제 파이어베이스 기능중 원하는 걸 심으면 될듯 하다.

구글 로그인 관련해서 나중에 다뤄보겠다.!

PHP - PDO 정리 및 적용

nadadhl — Sat, 27 Jun 2020 20:34:58 +0900

그동안 php를 사용하는데 있어서,

나는 아래와 같이 많이 사용했다.

$conn = mysqli_connect("localhost","db아이디","디비패스워드","testdb");
$newpassword=$_POST['Data1'];
$email =$_POST['Data2'];

$update="UPDATE checkemail SET password ='$newpassword' where email ='$email'";//해당학생 메일의  패스워드를 바꿔줌
$result1=mysqli_query($conn,$update);//바꾸기  쿼리 ㄱ

그런데, 여기서 문제가 될수 있는 점은 다음과 같다.

1. db connection을 mysqli api로 사용했다.

2. 쿼리문에 입력받은 변수(email)가 바로 대입되어있다.

우선, 1번의 경우는,

mysql 만 사용하게 되면, 상관 없지만 새로운 db(mysql 이 아닌)

사용할때, 해당 db에 맞는 api들로 다시 바꿔줘야 된다..

즉, 그동안 db에 종속 된 코드를 썼던 것...

2번은 SQL injection 문제가 있다.

SQL Injection이란?

쿼리문에 악의적인 sql문을 주입하여, 개발자가 의도한 바와 다른 결과를

내도록 조작하는 일종의 해킹이다.

내가 원래 쓰던 방식 대로 하게 되면,

해커가 악의적인 sql문을 그대로 내 쿼리문에 적용할수 있는 확률인 높아진다.

그럼 어떻게 해야 할까??

PHP 에서 제공하는 PDO(PHP Data Objects) 를 사용하면 된다.

PDO란??

pdo란 php에서 제공하는 여러db를 같은 방법으로 접근하게 해주는 확장 모듈이다.

(원래는 pdo를 안쓰면, 각가 php는 각각 데이터 베이스 별로 확장 모듈을 가지고 있음)

여러 종류의 데이터 베이스를 같은 방식으로 사용할수 있게 해주고,

PDO Statement 라는 일종의 prepare statement를 제공해 데이터 바인딩을 지원한다.

이 데이터 바인딩을 통해 sql 인젝션을 막고, 쿼리문에 대하여, 캐시가 되기 때문에 성능 향상에도 도움이된다.

그럼 기본적으로 pdo의 사용법을 알아보자.!

우선 db connection부분이다.

$mysql_hostname = 'localhost';
$mysql_username = 'root';
$mysql_password = 'sssddd456852';
$mysql_db_name = 'used_market_project_db';
$mysql_charset = 'utf8';

$dsn = 'mysql:host='.$mysql_hostname.';dbname='.$mysql_db_name.';charset='.$mysql_charset;

try{

    $pdo = new PDO($dsn, $mysql_username, $mysql_password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    echo "Connected successfully </br>";

} catch (PDOException $e) {

    echo 'Connect failed : ' . $e->getMessage() . '';
    
}

이 dsn 부분에서는 현재 사용중인 db를 명시하고 사용하면, 된다.

현재 사용중인 db는 mysql 이기 때문에 "mysql:"를 적어줌.

기존에 각 db별 새로운 api를 사용하는 거에 비해 매우 간단해짐을 알수 있다.

$dsn = 'mysql:host='.$mysql_hostname.';dbname='.$mysql_db_name.';charset='.$mysql_charset;

그리고 이렇게 try catch부분으로 exception관리를 할수 있음.

try{

    $pdo = new PDO($dsn, $mysql_username, $mysql_password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    echo "Connected successfully </br>";

} catch (PDOException $e) {

    echo 'Connect failed : ' . $e->getMessage() . '';

}

PDOstatement를 사용해서 데이터 바인딩 가능

//PDO db 연결 파일
include('DbConnection/dbcon.php');

$name="shawn";
$select_data_stmt = $pdo->prepare('SELECT * FROM test_table WHERE name= :name');
$select_data_stmt->bindValue(':name',$name,PDO::PARAM_STR);
$select_data_stmt->execute();
$result = $select_data_stmt->fetch(PDO::FETCH_ASSOC);
   
print_r($result);

기존에 는 select 구문을 쓸때

select*from test_table where name='$name'; 으로 사용 했다면,

현재는 prepare ()로 'SELECT * FROM test_table WHERE name= :name' 쿼리문을 정의하고,

나중에 아래처럼 값을 대입해준다.

$select_data_stmt->bindValue(':name',$name,PDO::PARAM_STR);

이렇게 하면, sql 문과 데이터를 명확히 구분할수 있어서, sql 문에 해커가 따로 쿼리문을 적을수가 없다.

sql 인젝션 방어 가능

그리고, 준비 구문이 정의되고 데이터만 바뀌면서 여러번 실행할수 있기 때문에

클라이언트, 서버 양쪽에서 쿼리 계획(sql문) 및 메타 정보(데이터)를 캐시할수 있어

성능이 향상 된다.

PDO 사용법 간단 정리

1. 이렇게 데이터 베이스 접속 하려면, PDO 객체를 생성해야됨.

아래처럼 dsn부분에 각 db 관련 정보 입력후 , 그뒤 모든 db 마찬가지로 db 유저명과 패스워드를 쓰면 됨.

<?php

$dsn = "mysql:host={$dbHost};dbname={$dbName};charset={$dbChar}";

<?php

$pdo = new PDO($dsn, $dbUser, $dbPass);

2. prepare (이 안에 sql 문 정의)

sql문에는 왠만하면, ? 보단 이름 사용하자.

?로하면 순서를 사용해서 바인딩 해야되는데, 값이 많아지면, 더 비교 어려워짐.

이름( ex -> :name )이 명시적이고 좋음.


<?php

      $name = "이름";

      $email = "이메일";



      // 이름 붙인 파라미터를 사용할 때

      $pdoStatement = $pdo -> prepare("SELECT * FROM member WHERE name = :name OR email = :email");

      $pdoStatement = bindValue(":name", $name);

      $pdoStatement = bindValue(":email", $email);



      // 물음표를 사용할때 파라미터가 많아지면 물음표(?)의 경우 순서를 파악하기 어려워 진다.

      $pdoStatement = $pdo -> prepare("SELECT * FROM member WHERE name = ? OR email = ?");

      $pdoStatement = bindValue(1, $name);

      $pdoStatement = bindValue(2, $email);





?>

3. bindValue vs bindParam

pdo statement 중에 데이터 바인딩을 위한 메소드가 있는데,

bindValue 와 bindParam이다.

이둘의 차이점은 다음과 같다.

bindValue의 경우는 그 값이 그대로 들어간다.

예를들어

$name= "이동훈";

$stmt -> bindValue(":name", $name);

이런 코드가 있다고 할때,

$name에 들어간 "이동훈"이라는 값이 대입된다.

그래서 데이터 바인딩 후, 변수에 다른 값을 넣었을때, 그 값은 바뀌지 않는다.

ex)

$name= "이동훈";

$stmt -> bindValue(":name", $name);

$name="차길호";

$stmt -> execute();//쿼리문 실행

이때, 이동훈이라는 값이 바인딩 되었으므로, 아무리 변수값을 바꿔도 바인딩된 값으로 "이동훈"이 들어가

쿼리가 실행된다.

반면, bindParam의 경우는 그 변수가 바인딩 된다.

ex)

$name= "이동훈";

$stmt -> bindParam(":name", $name);

$name="차길호";

$stmt -> execute();//쿼리문 실행

이때, $name이라는 변수가 binding 된것이므로, 실행전 변수값이 바뀌면,

바뀐 값이 쿼리문에 실행된다.

4. 결과 값 가져오기

fetch() vs fetchAll()

fetch의 경우는 가장 처번째 행을 가지고온다.

반복문을 사용해서 모든 행 가져오는 처리 가능.

fetchAll()의 경우는 모든 행을 가지고 올수 있음.

-이거 조회수가 많을때 쓰면, 서버 메모리 부족 올수도 있음.

5. 모드 지정

fetch()나 fetchAll() 에 사용하는 예약 상수들이 있음.

default mode -> PDO::FETCH_BOTH => 숫자 인덱스를 배열의 키로반환 + 컬럼 명도 배열의 키로 반환

그러면, 이제 $result['컬럼명'] or $result[index] 둘다 되는 거임.

PDO::FETCH_ASSOC => 컬럼명으로만 배열의 키로 반환 -> $result['컬럼명']만 사용이 가능하다.

PDO::FETCH_NUM => 숫자 인덱스로 배열의 키를 반환한다. -> $result[0];

PDO::FETCH_OBJ => 객체로 반환 => $result -> name 이렇게

PDO::FETCH_CLASS => 지정한 클래스의 객체로 -> 이건 나중에 쓸거 같아서 예제 코드 아래 첨부


<?php

	class iDol {

		private $idx;

		private $name;

		private $position;

		private $group;

		private $company;

		private $birthDay;



		public function getIdx() {

			return $this -> idx;

		}



		public function getName() {

			return $this -> name;

		}



		public function getPosition() {

			return $this -> position;

		}



		public function getGroup() {

			return $this -> group_name;

		}



		public function getCompany() {

			return $this -> company;

		}



		public function getBirthDay() {

			return $this -> birthDay;

		}

	}

?>


<?php

        $dbHost = "localhost";

        $dbName = "test_db";
        $dbUser = "tester";
        $dbPass = "1q2w3e";
        $dbChar = "utf8";

        $dsn = "mysql:host={$dbHost};dbname={$dbName};charset={$dbChar}";
        $pdo = new PDO($dsn, $dbUser, $dbPass);

        $stmt = $pdo -> prepare("SELECT * FROM girl_group WHERE name = :name");
        $stmt -> bindValue(":name", "다현");
        $stmt -> execute();
    

	$stmt -> setFetchMode(PDO::FETCH_CLASS, "iDol");

	$row = $stmt -> fetch();



	echo $row -> getGroup();

	echo "<br/>";

	echo $row -> getName();

	echo "<br/>";

	echo $row -> getPosition();

	echo "<br/>";

	echo $row -> getCompany();

?>

이런식으로

이렇게 PDO 정리 끝~

나중에 추가할거 있으면 추가하기

아 추가적으로 DB연결 할때

$db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
이거 -> PDO::ATTR_ERRMODE-> PDO객체가 에러 처리 방식 결정한다.

PDO::ERRMODE_EXCEPTION -> ECEPTION을 던지는걸로 처리하겠다 -> try catch 구문 사용.

그리고

$pdo->setAttribute(PDO::ATTR_EMULATE_PREPARES,false);

이거 있는데, 이거 true일경우 서버로 sql문 이렇게 가짐.

"INSERT into Customers (CustomerName, ContactName) VALUES ('Cardinal', 'Tom B. Erichsen')"

하지만, false 인경우

"INSERT into Customers (CustomerName, ContactName) VALUES (:cus_name, :con_name)"

즉, true인경우 매개 변수가 있는 쿼리의 보안이 적용되지 않아 보임.

false를 해주는게 낳을듯

하지만, sql server에서 몇몇 지원하지 않는 매개 변수를 넘길때는 true를 해주면, 무시 할수 있다고함.

이때는 sql 코드에 악성 코드가 있는지 확인 해야됨

[PHP] PDO 사용법 정리

참고 : 바쁜 팀장님 대신 알려주는 신입 PHP 개발자 안내서 ■ PDO(PHP Data Objects) 란? -. PDO(PHP Data Objects)는 여러 종류의 데이터베이스를 같은 방식으로 사용할 수 있게 해준다. -. 그리고 PDOStat..

magic.wickedmiso.com

php 에서 PDO vs MySQLi vs MySQL

1. PDO 대 MySQLi 대 MySQL 우리 모두 알고 있듯이, MySQL은 SQL (Structured Query ...

blog.naver.com

puttygen으로 ppk -> pem 변환하기

nadadhl — Thu, 25 Jun 2020 14:59:26 +0900

VSCode 에서 sftp 기능을 사용하기 위해,

설정을 하는 중

서버와 연결을 위해, pem파일을 적어줘야 하는 상황이 생겼다.

하지만,

기존에 ppk 파일만 사용해서 pem 파일을 어디다 뒀는지 모르는 상황이었다.

이럴땐, 기존에 ppk 파일을 pem으로 변환시켜주면 된다.

아래는 방법이다.

1. 우선, ppk 만들때 사용한, PuTTYgen프로그램을 실행시킨다.

2. 그 다음 puttygen에서 Actions -> Load를 눌러준다.

3. 그리고 pem으로 바꿈 ppk 파일 찾아서 선택한다..

4. 그럼 아래 처럼 나오는데, key passphrase로 암호를 설정해준다. (필수 아님, 선택사항)

(프라이빗 키 무단 사용을 보호 하기위한 수단)

5. 위 처럼 나오면 맨위에 Conversions ->Export OpenSSH Key 를 선택한다.

(위 4번에서의 암호를 입력 안하면, 경고가 뜨는데 그냥 yes 누르면 됨)

6. 그다음 파일 이름 지정 및 확장명 .pem 으로 선택후 Save를 눌러준다.

그럼 끝~

Nginx 에서 PHP ,Mysql(mariadb) LEMP 설치 및 실행 하기

nadadhl — Wed, 24 Jun 2020 23:27:31 +0900

Nginx 에 php 깔기 시작해봄.

우선, 추가적인 centos 레포지토리를 설치한다.

Php 7.3 버전용 레포를 추가 적인 레포 설치

wget http://rpms.remirepo.net/enterprise/remi-release-7.rpm

중간에 wget 이거 없어서 yum install wget로 깜.

rpm -Uvh remi-release-7.rpm

이거 하려고 하는데

$> sudo rpm -Uvh remi-release-7.rpm
warning: /tmp/remi.rpm: Header V4 DSA/SHA1 Signature, key ID 00f97f56: NOKEY
error: Failed dependencies:
epel-release = 7 is needed by remi-release-7.2-1.el7.remi.noarch

이런 에러 나옴.

이유는 epel 레포지토리가 없다는 거임. 그래서

yum install epel-release -y

로 깔고 다시 함

그다음에

yum install yum-utils -y

yum-config-manager --enable remi-php73

Php 패키지 설치함.

yum --enablerepo=remi,remi-php73 install php-fpm php-common

Php 모듈

yum --enablerepo=remi,remi-php73 install php-opcache php-pecl-apcu php-cli php-pear php-pdo php-mysqlnd php-pgsql php-pecl-mongodb php-pecl-redis php-pecl-memcache php-pecl-memcached php-gd php-mbstring php-mcrypt php-xml

Nginx 랑 php 연결

vi /etc/nginx/conf.d/default.conf

들어가 서 아래처럼 바꿔주기

server {
listen 80;
server_name 내 아이피;

# note that these lines are originally from the "location /" block

->이부분 location block으로 되어있으면 없애주고 이렇게 바꿔줘야됨

root /usr/share/nginx/html;

index index.php index.html index.htm;

   location / {
        try_files $uri $uri/ =404;
    }

error_page 404 /404.html;
error_page 500 502 503 504 /50x.html;

    location = /50x.html {
        root /usr/share/nginx/html;
    }

   location ~ .php$ {
        try_files $uri =404;
        fastcgi_pass unix:/var/run/php-fpm/php-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }
}

그렇게 하고 nginx 다시 시작함.

systemctl restart nginx

그리고

vi /etc/php-fpm.d/www.conf 들어가서

user = apache to user = nginx
group = apache to group = nginx
listen.owner = nobody to listen.owner = nginx
listen.group = nobody to listen.group = nginx
이부분들 바꿔줌.

그리고 이부분은

listen = 127.0.0.1:9000

listen = /var/run/php-fpm/php-fpm.sock

이렇게 바꿈.

그다음 php fpm을 실행시켜준다. -

systemctl start php-fpm.service
systemctl enable php-fpm.service

그다음 이제 MARIA DB설치

마리아 디비는 centos default repo임.

yum install mariadb-server mariadb -y

그래서 yum으로 바로 설치 가능

다 설치 하면 실행해줌.

systemctl start mariadb
systemctl enable mariadb

그리고 아래 명령어 -> enter 키 누르면, password 생성 가능

mysql_secure_installation

그다음

모두 y로 해줌.

Remove anonymous users? [Y/n]
Disallow root login remotely? [Y/n]
Remove test database and access to it? [Y/n]
Reload privilege tables now? [Y/n]

이러면 끝.

참고한 사이트

How to Install Nginx, MySQL, PHP v7 (LEMP) Stack on CentOS 7

Do you want to use LEMP to serve your dynamic website? Follow this guide to learn how to install LEMP on CentOS 7.

www.hostinger.com

XE3를 위한 웹 서버 세팅 가이드

#창작자와 기술기업을 위한 문서

medium.com

NGINX-PHP-MySQL 설치 - NGINX

CGI CGI는 Common Gateway Interface의 약자로 웹서버와 외부 프로그램을 연결해주는 표준화된 프로토콜이다. 웹이 처음 등장했을 때는 HTML과 이미지를 전달해주는 웹서버 밖에 없었다. 하지만 웹에 대��

opentutorials.org

Nginx + PHP 최신 버전 연동

2019-04-18 14:54 최초 작성 차기버전 개발 시작에 앞서 새로운 설치 패키지를 만들며 PHP 버전을 7.3.4로 올렸다. (기존 7.2.6) 인터넷에 떠도는 글은 많지만 대부분 7.0 혹은 7.2를 대상으로 한 글이기 때�

blog.huiya.me

nginx 한글 깨짐 문제 해결하기

nadadhl — Wed, 24 Jun 2020 15:52:20 +0900

웹 서버로 nginx를 설치하고,

기존에 있던 index.html 에 한글을 넣어 보았다.

그런데 아래처럼 깨지는 현상이 발생함.

이는 nginx 인코딩 자체가 한글을 지원하지 않기 때문임.

그래서 nginx.conf 부분 중 http 에 아래 인코딩 내용을 추가시켜준다.

charset utf-8;

server {

charset utf-8;

}

적용한 모습

그다음 systemctl restart nginx 로 웹서버 다시 시작 시켜주고,

브라우져에서 다시 확인함.

성공~

VSCode (Visual Studio Code) 서버 sftp 연결

nadadhl — Wed, 24 Jun 2020 15:23:18 +0900

1. Vscode 가 설치되어있었고, sftp 플러그인도 설치가 되어있는 상황

왼쪽 네비게이터에서 extension으로 들어가서 f1 누르면

설치했던 sftp.json파일 만들어짐 -> 여기서 해당 서버 정보넣어줘야됨.

2. 나는 아래와 같이 넣어줌.

3. 이렇게 하고 저장하니까 해당 서버 위치에 root document 연결됨.

그런데, 파일 업로드나 다운로드가 안되었음

permission denied 에러가 뜸.

권한 문제 인듯

그래서 해당 /usr/share/nginx/html 폴더의 권한을 chomd -R 777 html

로 바꿔줌.

아래 참고 해서 해결함.

[AWS / VSCode] VSCode를 이용해서 원격으로 AWS EC2 파일 수정

VSCode를 이용해서 AWS EC2내에 파일을 원격으로 수정하는 방법을 소개해드릴려고합니다. 요즘 VSCode 에디터도 핫한거 같고.. 새로운 환경에서 개발을 할일이 생겨서 해보려고하는데 저도 환경 구축

share4share.tistory.com

그랬더니, 성공 !

끝~