본문 바로가기

전체 글65

리액트 vscode, node.js 설치 후 프로젝트 생성까지(create-react-app) 리액트란? 설치에 앞서 리액트를 간단하게 알아보자. 자바스크립트 라이브러리로 사용자 인터페이스를 더 간편하게, 그러니까 Single Page Application을 효율적으로 만들기 위해 쓴다. 우리가 자주 쓰는 웹이나 앱(ex 인스타그램)들 중 페이지를 새로고침하지 않고 정보를 새로 불러와 교체하는 방식의 페이지를 제작하는데 리액트가 효과적이다. 물론 자바스크립트로도 만들 수는 있지만 코드가 매우 길어져 관리가 복잡한 단점이 존재한다. 또 html 문법을 함수, array, object 같은 곳에 보관하고 재사용 가능해서 확장성 또한 뛰어나다. 자바스크립트의 라이브러리답게 기본 언어는 자바스크립트 문법과 매우 흡사하다. 하지만 jsx 같은 자바스크립트에서 볼 수 없던 파일 형식도 있고 문법도 조금씩 다.. 2023. 7. 5.
리눅스 설치부터 프로젝트 배포까지(3) - 우분투 톰캣(tomcat9) 일반계정 생성 및 권한 부여(배포용) 점검 3개의 포스팅으로 끝내고자 했던 리눅스 배포는 아파치 권한 오류의 미해결로 인해 4개의 포스팅으로 마무리 하고자 한다. 이전 포스팅을 통해 1.JAVA설치 2.TOMCAT 설치 3.프로젝트 배포 4.APACHE 설치 5.MOD_JK 연동 6.WEB, WAS 분리하여 프로젝트 연동 확인 총 3번까지의 과정을 진행하였다. 그래서 이번에는 리눅스에 일반계정을 생성하여 배포 계정을 따로 생성하고 아파치를 설치하는 과정까지 알아보고자 한다. 계정을 만드는 이유 root 계정은 최상위 계정으로 톰캣 외에도 다른 프로그램들을 제어할 수 있다.이런 root 계정으로 톰캣을 실행하면 보안 측면에서 문제가 발생한다. 가령 업로드한 파일을 이용해 root 권한을 탈취하여 악의적인 공격을 할 수 있다. 때문에 톰캣을 실.. 2023. 7. 3.
리눅스 설치부터 프로젝트 배포까지(2) - 리눅스 우분투 자바(openjdk 11), 톰캣(tomcat9) 설치 및 세팅 후 프로젝트 배포까지 JAVA 설치 우분투 환경에서 jdk 설치해준다. 나는 jdk-11버전을 설치해주었고 개발 환경에 따라 jdk 버전을 바꿔주면 된다. (다른 버전을 설치할 경우 memory leak 등의 오류가 발생할 수 있다. 나의 경우 필요한 jdk 버전이 1.8이었지만 11버전을 설치했는데 다행히 오류가 없었으므로 그냥 이거 썼다(?)) 현재 버전은 22까지 나왔던데 참 예전 거 쓰는구나 싶었다. jdk 11 설치 전 최신 버전으로 업데이트 해준다. $ sudo apt-get update $ sudo apt-get upgrade 그리고 jdk 11버전 설치 명령어를 입력해준다. $ sudo apt-get install openjdk-11-jdk 저렇게 안하고 홈페이지에서 설치경로를 복사하여 wget 명령어를 사용해.. 2023. 6. 26.
소스트리를 사용한 GIT-FLOW 전략(2) - GIT-FLOW 전략과 실무 프로젝트에서 충돌난 과정 복기... GIT 브랜치 전략 브랜치 전략이란 여러 개발자가 하나의 저장소를 사용하는 환경에서 저장소를 효과적으로 활용하기 위한 work-flow다. GIT 브랜치를 생성하고 병합하는 방식, 그 시기에 대해 팀과 합의하여 개발자들간의 혼란을 최대한 줄인다. 그에 맞는 니즈에 부합하는 모델을 선택하는 것이 중요하다. 즉, 브랜치 생성에 규칙을 만들어 협업을 유연하게 하는 방법론이라고 할 수 있다. 브랜치 전략이 없다면 필자가 겪은 상황처럼 어떤 브랜치가 최신 브랜치인지, 어떤 브랜치가 배포에 적용되는 브랜치인지, 어떤 브랜치를 끌어와 개발을 해야하는지, 몰라서 제멋대로 개발을 하다가 나중에 크게 후회할 일이 생길 것이다. GIT-FLOW 전략 실무에서 쓰이는 브랜치 전략과 약간의 차이는 있겠지만 GIT-FLOW 전략.. 2023. 6. 23.
리눅스 설치부터 프로젝트 배포까지(1) - 리눅스 우분투 ubuntu wsl2로 설치 개요 회사 개발서버에 프로젝트를 배포하는 것을 처음으로 맡게 되어 기록으로도 남길겸 포스팅을 작성해본다. 나의 경우는 회사 개발서버와 root계정을 가지고 자바와 톰캣,아파치를 연동하여 프로젝트 배포까지 하는 것이었다. wsl 설치 wsl이란 윈도우 환경 내 리눅스 환경을 사용할 수 있도록 윈도우에서 제공하는 개발 환경이다. 이 wsl을 이용하여 windows에 linux ubuntu를 설치할 것이다. 제어판 > 프로그램 및 기능 > Windows 기능 켜기/끄기 > Linux용 Windows 하위 시스템 선택 > 확인 나는 윈도우10 환경에서 PowerShell(파워쉘)을 이용해 설치했다. 윈도우 하단 돋보기(검색)버튼 - powershell을 검색하면 다음 그림과 같이 파워쉘 앱이 보인다. 이 파워쉘.. 2023. 6. 23.
소스트리를 사용한 GIT-FLOW 전략(1) - 깃의 개념과 용어 설명 개요 회사에서 프로젝트를 진행하던 도중 깃 충돌이 발생했다. 항상 feature 브랜치에서 develop 브랜치로 merge 하거나 개발한 뒤 커밋 후 push 만 하던 내가 처음으로 develop 브랜치에서 feature 브랜치들을 merge하여 소스를 합친 뒤 배포하는 작업 과정에서 생긴 오류였다. 중요한 건 오류가 났는데 해결을 못하겠다. 충돌이 나서 소스 합치는 것은 둘째 치더라도 원격 develop 브랜치에 이상한 소스(내 기준)를 merge 해서 100몇개의 소스를 pull 해버렸는데 손을 쓸 수가 없었다. (...) 결국 책임님께 도움을 구해 해결은 했지만 재발 방지를 위해 GIT에 개념에 대해 더 완벽하게 이해하고, 충돌이 발생했을 때 소스를 머지하는 방법에 대해서도 짚고 넘어가야겠다고 생.. 2023. 5. 4.