'IT'에 해당되는 글 68건

React 버전을 최신 버전을 적용했더니 오픈소스가 호환이 되지 않는 항목들을 많이 경험할 수 있었습니다.

18.2.0 을 사용하고 있었는데

17.0.2 로 낮추고 사용하기로 결정했습니다.

버전을 낮추는 방법은 간단하더라고요

npm install react@^17.0.2 react-dom@17.0.2

원하는 버전이 있다면  17.0.2 를 다른버전으로 적용하면 됩니다.

그리고 서버를 재시작하면 아래와 같은 컴파일 실패 오류가 발생합니다.

Failed to compile.

Module not found: Error: Can't resolve 'react-dom/client' in 'C:\workspace\react\src'
ERROR in ./src/index.js 5:0-40
Module not found: Error: Can't resolve 'react-dom/client' in 'C:\workspace\react\src'

webpack compiled with 1 error

모듈을 찾을 수 없다는 건데 18버전에서 사용했던 react-dom/client 모듈을 찾을 수 없다는 오류인데

react-dom/client -->> react-dom 으로 변경해주시면 오류는 사라지고,

정상적으로 컴파일이 완료될 것입니다.

Uncaught TypeError: react_dom__WEBPACK_IMPORTED_MODULE_1__.createRoot is not a function

위 오류는 아래 소스를 변경합니다.

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <App/>
);

ReactDOM.render(
  <App/>,
  document.getElementById('root')
);

위와 같이 변경하면 버전 다운그레이드가 완료됩니다.

리눅스의 hosts 파일을 수정하는 곳

호스트파일은 OS 가 hostname 을 IP 주소에 mapping 시킬 때 사용하는 컴퓨터의 파일입니다.

일반적으로 우리가 알고있는 www.google.com 을 브라우저에 입력하면 구글 홈페이지로 접속되지만

이건 Domain Name Server 를 통해 접속한 것이고

실제로는 142.250.76.132 과 같은 IP 로 접속하게 됩니다.

확인하는 방법은 nslookup 을 통해서 확인할 수 있습니다.

그럼 hosts 파일은 어디에 있을까요?

리눅스 기준으로는 etc 폴더 밑에 hosts 파일이 있습니다.

편집은 간단하게 vi 편집기를 이용하면 되지요!

vi /etc/hosts

vi 편집기를 통해서 hosts 파일을 들어오면 아래와 같은 내용을 확인해볼 수 있습니다.

domain.com 은 제가 입력한 도메인 주소입니다.

입력하는 방식은 위와 같이 아주 간단합니다.

IP주소 + (공백) + 도메인이름

위와 같이 적용하면 끝!

hosts 파일을 변경하면 서버에서 해당 파일을 우선적으로 참고하여 DNS 를 IP 주소로 변경하여 접속하게 해줍니다.

그럼 좋은하루 되세요 :)

리눅스 find 하위 디렉토리 검색

리눅스는 파일 시스템을 사용하다보니 파일을 검색할 일이 많습니다.

매일 사용하는 명령어 이거나 가끔 사용하더라도 중요한 키워드는 잘 기억나기 마련인데

이상하게 find 명령어는 잘 기억이 안나더랍니다.

그래서 이번에 한번 정리하고 넘어가야 할 것 같아서 find 명령어를 정리하고 넘어가려고 합니다.

find 명령어는 일반적으로 파일을 찾는 용도로 사용을 하지요

파일을 찾는 이유가 무엇인가요?

이 파일이 어디있는지 모르니깐 검색하는 거겠죠?

그렇다면 당연 하위폴더까지 검색하는 것을 원할텐데 본론으로 들어가보겠습니다.

find . -name 찾을이름

일단 가장 간단하게 위와 같이 사용을 하면 가장 편합니다.

예시를 보여드릴께요

제가 사용하고 있는 서버의 아파치 폴더입니다.

/apache/httpd24 위치에서 모든 파일을 검색해보았습니다.

httpd 로 시작하는 파일을 검색해보도록 할께요

find . -name httpd*

해당 구문을 사용하니 하위 폴더에 있는 내용이 검색되지요?

* ( Asterisk ) 를 사용한 이유는 httpd 로 시작하는 모든 파일을 찾고 싶기 때문에 * ( Asterisk ) 를 사용했답니다.

httpd 만 사용했다면 정확하게 일치하는 파일만 검색이 되었을꺼에요

그럼 파일이 실제로 있는지 확인해보러가봐야겠죠

일반적으로 아파치에서 자주 사용하는 conf 폴더에 httpd.conf 파일이 잘 있나보겠습니다.

이렇게 httpd.conf 파일이 잘 검색된 것을 확인했습니다.

위와 같이 find 명령어로 쉽게 찾을 수 있는 방법을 알아보았습니다.

[root@si conf]# find --help
Usage: find [-H] [-L] [-P] [-Olevel] [-D help|tree|search|stat|rates|opt|exec] [path...] [expression]

default path is the current directory; default expression is -print
expression may consist of: operators, options, tests, and actions:

operators (decreasing precedence; -and is implicit where no others are given):
      ( EXPR )   ! EXPR   -not EXPR   EXPR1 -a EXPR2   EXPR1 -and EXPR2
      EXPR1 -o EXPR2   EXPR1 -or EXPR2   EXPR1 , EXPR2

positional options (always true): -daystart -follow -regextype

normal options (always true, specified before other expressions):
      -depth --help -maxdepth LEVELS -mindepth LEVELS -mount -noleaf
      --version -xautofs -xdev -ignore_readdir_race -noignore_readdir_race

tests (N can be +N or -N or N): -amin N -anewer FILE -atime N -cmin N
      -cnewer FILE -ctime N -empty -false -fstype TYPE -gid N -group NAME
      -ilname PATTERN -iname PATTERN -inum N -iwholename PATTERN -iregex PATTERN
      -links N -lname PATTERN -mmin N -mtime N -name PATTERN -newer FILE
      -nouser -nogroup -path PATTERN -perm [-/]MODE -regex PATTERN
      -readable -writable -executable
      -wholename PATTERN -size N[bcwkMG] -true -type [bcdpflsD] -uid N
      -used N -user NAME -xtype [bcdpfls]
      -context CONTEXT


actions: -delete -print0 -printf FORMAT -fprintf FILE FORMAT -print
      -fprint0 FILE -fprint FILE -ls -fls FILE -prune -quit
      -exec COMMAND ; -exec COMMAND {} + -ok COMMAND ;
      -execdir COMMAND ; -execdir COMMAND {} + -okdir COMMAND ;

Report (and track progress on fixing) bugs via the findutils bug-reporting
page at http://savannah.gnu.org/ or, if you have no web access, by sending
email to <bug-findutils@gnu.org>.

위와 같이 find --help 명령어를 실행하면 많은 옵션들이 있지만

가장 쉽고 자주 사용하는 하위폴더까지 파일 명칭을 찾는 명령어 하나만 외워두면

서버 운영하면서 아주 편하게 쓸 수 있답니다.

좋은 시간 되세요^^

MySql 날짜 포맷 변환하기 완전분석!

안녕하세요? MySql 날짜 변환하는 방법을 알아보도록 하겠습니다.

여러 DBMS 를 사용하다보면 날짜 형식을 변환하는게 헷갈리는데 한번 정리해두면 다음에 사용하기에 용이합니다.

MySql 에서 날짜 형식으로 변환을 위해서는 DATE_FORMAT 이라는 함수를 사용하면 됩니다.

DATE_FORMAT(날짜, 형식)

위와 같이 입력해주면 되고

실습은 아래에서 확인하시지요

   select DATE_FORMAT(NOW(), '%Y') as "년도4자리"
        , DATE_FORMAT(NOW(), '%y') as "년도2자리"
        , DATE_FORMAT(NOW(), '%m') as "월 01, 12"
        , DATE_FORMAT(NOW(), '%c') as "월 1, 12"
        , DATE_FORMAT(NOW(), '%d') as "일 01 31"
        , DATE_FORMAT(NOW(), '%e') as "일 1 31"
        , DATE_FORMAT(NOW(), '%H') as "시간 24시"
        , DATE_FORMAT(NOW(), '%I') as "시간 12시"
        , DATE_FORMAT(NOW(), '%T') as "시분초 HH:mm:ss"
        , DATE_FORMAT(NOW(), '%r') as "시분초 HH:mm:ss AMPM"
        , DATE_FORMAT(NOW(), '%M') as "월 영문 전체"
        , DATE_FORMAT(NOW(), '%b') as "월 영문 축약"
        , DATE_FORMAT(NOW(), '%W') as "요일 영문 전체"
        , DATE_FORMAT(NOW(), '%a') as "요일 영문 축약"
        , DATE_FORMAT(NOW(), '%i') as "분"
        , DATE_FORMAT(NOW(), '%S') as "초"
     from sys.sys_config

spring mybatis mysql 설정 방법

database connection 연결정보를 설정하기 위해서 mybatis 를 사용한 케이스입니다.

datasource1 : mysql 설정방법

datasource2 : oracle 설정방법

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                           http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
                           http://www.springframework.org/schema/context
                           http://www.springframework.org/schema/context/spring-context-3.2.xsd">
 
 
 	<bean id="dataSource1" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close">
		<property name="driverClassName" value="com.mysql.jdbc.Driver" />
		<property name="url" value="jdbc:mysql://127.0.0.1:3306/sakila?useUnicode=yes&amp;characterEncoding=utf8" />
		<property name="username" value="admin" /> 
		<property name="password" value="1234" />
		<property name="validationQuery" value="select 1"/>
		<property name="testWhileIdle" value="true"/>
		<property name="timeBetweenEvictionRunsMillis" value="7200000"/>
 	</bean>
 
 	


 	<bean id="dataSource2" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close">
		<property name="driverClassName" value="oracle.jdbc.driver.OracleDriver" />
 		<property name="url" value="jdbc:oracle:thin:@localhost:1521/ORCL" />
 		<property name="username" value="admin" /> 
		<property name="password" value="1234" /> 
		<property name="validationQuery" value="select 1 from dual"/>
		<property name="testWhileIdle" value="true"/>
		<property name="timeBetweenEvictionRunsMillis" value="7200000"/>
 	</bean>
  
</beans>

driverClassName : JDBC 커넥션 시 어떤 드라이버를 사용할 것인지 명시

url : 연결 될 DB 의 ip 와 Service ID 또는 Service Name 설정

username, password : DB 접속정보 입력

validationQuery : JDBC 커넥션의 유효성을 해당 쿼리문을 실행하여 확인할 수 있다.

testWhileIdle : Evictor Thread 실행 시 커넥션 풀 안에 있는 유효상태의 커넥션을 대상으로 테스트 실행

timeBetweenEvictionRunsMillis : Evictor Thread 가 동작하는 간격을 의미한다. ( default : -1 )

Linux Oracle dump 1분만에 백업 방법

오라클에 있는 데이터를 백업 받기 위해서는 oracle dump 를 사용하면 쉽게 백업을 받을 수 있는데

어떤 방법으로 dump 를 받는지 알아보도록 하겠습니다.

Linux Oracle dump 를 위해서는 터미널로 접속하여 오라클 계정으로 로그인을 해야 합니다.

로그인 후 아래 명령어를 실행합니다.

실행위치는 sqlplus 로 접속해서 하는 것이 아니고 오라클 설치폴더의 exp 파일을 실행하여 dump 를 받도록 처리합니다.

저는 oracle pass 를 지정해놓았기 때문에 바로 아래 명령어를 실행하도록 하겠습니다.

exp 아이디/패스워드@SID file=파일명.dump

아래 줄줄이 로그들이 표시되면서 실행한 경로에 dump 파일이 생성됩니다.

이 생성된 파일로 다른 db에 import 하면 됩니다~

현재일자 2021년 09월 07일 기준 결과 쿼리

GIT 을 설치하기 위해서는 GIT 홈페이지에 들어가서 다운로드 받은 후 설치하면 됩니다.

Git (git-scm.com)

1. Downloads 를 클릭합니다.

2. 사용자의 운영체제에 맞는 버전을 선택합니다.

3. 사용자 운영체제의 맞는 bit 수를 선택해서 다운로드 받습니다.

저 같은 경우는 64bit Git For Windows Setup 을 선택하여 다운로드 받았습니다.

4. 현재 기준 다운로드 버전은 2.32.0.2 버전이네요

5. 다운로드 받은 설치 파일은 관리자 권한으로 실행합니다.

6. next 버튼을 클릭합니다.

7. 설치할 위치를 지정합니다.

일단 default 로 진행합니다.

8. Git Bash Here 가 체크되어 있는지 확인한 후 next 버튼을 클릭합니다.

9. next

10. Use Vim ( the ubiquitous text eitor) as Git's default editor 선택 후 next 버튼을 클릭합니다.

11. Let Git decide 선택 후 next 버튼을 클릭합니다.

12. Git from the command line and also from 3rd-party software 선택 후 next 버튼을 클릭합니다.

13. Use the OpenSSL library 옵션을 선택 후 next 버튼을 클릭합니다.

14. Checkout Windows-style, commit Unix-style line endings 옵션 선택 후 next 버튼을 클릭합니다.

15. Use MinTTY ( the default terminal of MSyS2) 옵션을 선택 후 next 버튼을 클릭합니다.

16. Default (fast-forward or merge) 옵션을 선택 후 next 버튼을 클릭합니다.

17. Git Credential Manager Core 옵션을 선택 후 next 버튼을 클릭합니다.

18. Enable file system caching 체크박스를 선택 후 next 버튼을 클릭합니다.

19. install 버튼을 클릭하여 설치를 진행합니다.

20. 설치진행중....

21. 설치가 완료되었습니다.

22. 시작버튼에 GIT 이 생성된것을 확인할 수 있습니다.

초보자도 알 수 있는 GIT 기본

GIT 은 일반적으로 코드 버전 관리 프로그램 이라고 생각하면 됩니다.

예를 들어볼까요

졸업작품 보고서를 작성하는데 중간중간 수정하는 일이 발생하겠죠?

과거에 작성했던 내용을 혹시 모를 이유로 다시 되돌릴 수 있게 하기 위해서...

그러면 우리의 폴더는 아래와 같은 파일들이 생겨나는 경우가 허다합니다.

졸업작품보고서.pptx
졸업작품보고서(수정1).pptx
졸업작품보고서(최종).pptx
졸업작품보고서(진짜최종).pptx
졸업작품보고서(최종of최종).pptx
졸업작품보고서(마지막최종).pptx
졸업작품보고서(최종2).pptx

GIT 을 이용하면 졸업작품보고서.pptx 파일 1개를 기준으로

버전별로 저장하여 rollback 시에 손쉽게 돌아갈 수 있습니다

결국 GIT 의 역할은 버전을 관리(Version Control)하며 동시협업(Cooperation)을 할 수 있게 만들어주는 프로그램

협업이라 함은 여러개발자가 1개의 파일을 각 기능에 따라 개발후 병합할 수 있도록 합니다.

왜 GIT 일까?

GIT 은 바보같은 컨텐츠 트래커라고도 하는데 상황에 따라 아래 4가지 정도를 의미한다고 보면 됩니다.

1. 발음이 가능한 임의의 3글자 조합

2. 멍청한, 경멸하고 비열한, 단순한 이 중 아무 단어로 해석되어도 좋다

3. global information tracker의 약자

4. goddamn idiotic truckload of sh*t

원본은 아래에서 확인할 수 있으니 궁금하시면 직접 확인해보시면 될 것 같습니다^^;

https://github.com/git/git/commit/e83c5163316f89bfbde7d9ab23ca2e25604af290#

GIT 특징

소스를 다른환경으로 보낼 수 있음. 즉, GitHub 에 백업본을 보관할 수 있다.

GIT = 버전 관리프로그램
GitHub = GIT 으로 관리하는 소스의 저장소

GitHub 에 올려놓은 소스는 다른 사람이 내려받은 후 수정하여 다시 GitHub 에 올려놓을 수 있음

윈도우10 Win32Bridge.Server.exe 오류

안녕하세요~

윈도우 오류에 대해 공유하려고 합니다.

윈도우10 로그인 후 발생하는 오류인데요 잘 정상적으로 잘 되다가

어느날 갑자기 아래와 같은 오류가 발생하는거에요

[Window Title]
C:\Program Files\WindowsApps\Microsoft.549981C3F5F10_3.2106.14307.0_x64__8wekyb3d8bbwe\Win32Bridge.Server.exe

[Content]
메모리가 부족하여 이 프로그램을 실행할 수 없습니다. 프로그램을 하나 이상 종료하고 다시 시도하십시오.

정확히는 위와 같은 메세지가 발생하였죠

Win32Bridge.server.exe ??? 처음보는 녀석인데?

해결하는 방법은 아래와 같습니다.

1. 작업표시줄에서 마우스 우클릭 하여 작업관리자를 선택합니다.

( Ctrl + Alt + Del 키를 눌러도 동일하게 작업관리자로 들어갈 수 있습니다. )

2. 시작프로그램 탭으로 이동후 Cortana 라는 이름을 찾으신 후 마우스 우클릭하여 사용 안 함을 선택합니다.

3. 그 다음 방법으로는 시작메뉴를 선택하여 설정을 검색합니다.

4. 아래 설정항목들 중에서 앱을 클릭합니다.

5. 앱 및 기능에서 cortana 를 검색 후 고급옵션을 클릭합니다.

6. 아래로 마우스 스크롤을 내리다보면 초기화라는 버튼이 보입니다.

초기화 버튼을 클릭하고 재부팅을 하고 나면 앞으로는 Win32Bridge.Server.exe 메세지는 보지 않을 수 있을 겁니다~

코로나로부터 안전한 생활하시고 좋은 하루 되세요^^