티스토리

돈에게 쫓기는 삶

검색하기

블로그 홈

돈에게 쫓기는 삶

jincchan.tistory.com/m

개발을 잘하고 싶어요!!

구독자: 24

방명록 방문하기

주요 글 목록

프로그래머스 레벨1 - 공원[자바] 문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이 mats 가 정사각형이기 때문에 2차원 배열을 탐색하면서 -1인 값을 찾고 그곳을 시작점으로 정사각형의 넓이만큼 -1이 존재하는지를 조건문으로 검색합니다. class Solution { public int solution(int[] mats, String[][] park) { for(int m : mats) { for(int i=0; i mats 배열의 원소를 하나씩 꺼내서 하나씩 비교합니다. 30점 나왔습니다.뭐가 문제인지 문제부터 다시 읽었는데 mats의 배열의 .. 공감수 1 댓글수 1 2024. 10. 5.
CopyOnWriteArrayList vs SynchronizedList 개요 채팅 프로그램을 만들 때 유저 세션정보를 저장하는 리스트에 대해 동시성 문제를 고민했습니다. 동시에 두 유저가 접속했을때 동기화가 되지 않으면 한명의 유저가 리스트에 정상적으로 등록되지 않을 가능성이 있기 때문입니다.이를 스레드 안전성이라 합니다. ArrayList에 동시에 두 스레드가 접근하게 되면 스레드 안전하지 않은 상태가 됩니다.동기화는 이를 방지하기 위해 한 자원에 하나의 스레드만 접근할 수 있게 해줍니다. 그래서 동기화를 지원하는 리스트에 대해 알아봤습니다. CopyOnWriteArrayList 값을 변경할때 내부의 값을 복사해서 복사본을 통해 변경합니다.public boolean add(E e) { synchronized (lock) { Object[] .. 공감수 2 댓글수 2 2024. 9. 29.
프로그래머스 레벨 2 - 퍼즐 게임 챌린지[자바] 문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이과정 배열의 어마어마한 길이를 보고 당연히 시간복잡도 때문에 안될줄 알면서도 순차적으로 돌며 체크해봤다. 생각이 안나서... import java.util.*;class Solution { public int solution(int[] diffs, int[] times, long limit) { //각 배열의 레벨별 증가값을 구하기 //증가값 = (전 시간 + 현재시간) * 틀린횟수 + 현재시간 int level = Arrays.stream(diffs) .. 공감수 4 댓글수 3 2024. 9. 11.
프로그래머스 레벨 1 - 동영상 재생기[자바] 문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 답 시간의 흐름 순으로 이동하며 풀었습니다. 1 - 초기 pos가 오프닝 구간일 경우 건너뛰기 실행2 - command 배열만큼 10초 뒤, 앞으로 이동3 - 10초 뒤 이동했는데 동영상 시작시간보다 짧아질 경우 0분 0초로 변환4 - 10초 앞으로 이동했는데 동영상 종료시간보다 길어질 경우 동영상 종료시간으로 변환5 - 구간이동 후 오프닝 구간일 경우 건너뛰기 실행 그래서 저는 이렇게 풀었습니다. import java.util.*;class Solution { public String solutio.. 공감수 0 댓글수 0 2024. 9. 7.
리눅스 설치부터 프로젝트 배포까지(4) - mod_jk 연동 및 로드밸런싱 설정, 깃 연동 점검1.JAVA설치2.TOMCAT 설치3.프로젝트 배포4.APACHE 설치5.MOD_JK 연동6.WEB, WAS 분리하여 프로젝트 연동 확인7.깃 연동 4편을 포스팅하는데 1년이라는 시간이 흘렀다. 벌써 1년이라는 말이 확 와닿는다. 미리 말씀드리지만 이전편보다 조금, 어쩌면 훨씬 불친절한 설명이 될 것 같다. 직접 만져가며 포스팅을 하던 1~3편과는 다르게 경험에 의존해서 하는 포스팅이기 때문이다. 보충 설명을 쓸 수 있는 기회가 나중에 있다면 좋겠다. mod_jk 연동mod_jk는 아파치 웹 서버와 톰캣을 연결하여 정적 콘텐츠를 처리하는 아파치 웹 서버와 동적 콘텐츠를 처리하는 톰캣 애플리케이션 서버를 연동하는 모듈이다. was 서버에서 둘 다 처리할 수도 있지만 부하를 줄이기 위해서 분리를 했다. .. 공감수 0 댓글수 0 2024. 8. 9.
Spring security web config 설정 시작스프링부트로 웹 프로젝트를 개발할 때 스프링 시큐리티는 필수적인 프레임워크 기능입니다. 실무에서는 이미 설정이 완료된 상태의 프로젝트 환경에서 개발을 했지만 직접 프로젝트를 생성하고 환경을 구성해보고자 하였습니다. 이 포스팅에서는 제가 설정한 파일의 코드와 왜 그렇게 설정했는가에 대한 이유를 풀이하였습니다. 전문@Configuration@EnableWebSecuritypublic class WebConfig implements WebMvcConfigurer { //Spring security 관련 설정 @Bean public SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http .. 공감수 0 댓글수 0 2024. 7. 17.
헥사고날 아키텍처를 사용한 스프링 부트 로그인 API 구현해보기 목적 클린 아키텍처라는 책을 읽으면서 프로젝트의 아키텍처 자체에 관심을 가지게 되었습니다. 저자가 제시한 클린 아키텍처는 이론적인 의미는 이해하였으나 구현 방향에 대한 갈피를 잡지 못했습니다. 그러다 헥사고날 아키텍처에 대해 알게 되었습니다. 클린 아키텍처에서 제시한 핵심 정책의 분리에 대한 원칙을 지키고 있으며 좀 더 실무에서 유용하게 사용하고 있다는 사실을 알고 직접 구현해보며 이해하고 싶었습니다. 그래서 흔한 기능 중 하나인 로그인에 대해 헥사고날 아키텍처로 설계해 보았습니다. 직접 설계해보며 느낀점에 대해 포스팅 해볼까 합니다. 프로젝트 구조프로젝트 구조는 그림과 함께 보면 이해가 쉬울거라 생각해서 같이 가져왔습니다.각 계층에 대해 살펴보자면, Adapter각 핵심 로직과 외부를 연결하는 계층입니.. 공감수 0 댓글수 0 2024. 7. 12.
구글 클라우드(GKE), 쿠버네티스, 도커 사용하여 스프링부트 프로젝트 배포하기(맥os M3 기준) 들어가며 개념 설명보다는 제가 진행했던 부분 위주로 복기하며 포스팅을 해보려 합니다. 기본 스프링부트 프로젝트에 테스트용 restAPI 만든 뒤 도커용 이미지를 생성하고 쿠버네티스에 배포하여 클라우드 환경을 구성하는 과정입니다. 원래 제로에서 시작하면 설정을 하나하나 만져줘야 해서 더 어렵다고 하는데 저는 구글에서 제공하는 엔진을 사용하였기 때문에 어느정도 난이도는 내려가지 않았나 생각합니다. 처음 실습하시는 분들께도 3개월 무료 체험판(?)을 제공하기 때문에 무리없이 구현이 가능합니다. GKE https://cloud.google.com/kubernetes-engine?hl=ko cloud.google.com 해당 홈페이지에 접속하여 구글 클라우드에 회원가입 해줍니다. 회사 메일로 하면 회사 프로젝.. 공감수 0 댓글수 0 2024. 7. 4.
클린 아키텍쳐(clean architecture)란? 책을 읽고나서 클린 아키텍쳐 건물을 만들기 전 제대로된 청사진을 만든 후 그것을 보며 만들게 되면 더 튼튼한 건물을 만들 수 있습니다. 소프트웨어도 마찬가지입니다. 클린 아키텍쳐를 설계하면 소프트웨어의 지속적인 관리, 유지보수를 하는데 엄청난 효과를 볼 수 있습니다. 초반에 한 회사에 대한 이야기가 나옵니다. 회사는 성공적으로 애플리케이션을 만듭니다. 그리고 애플리케이션을 유지보수하고 새로운 기능을 추가합니다. 그 과정에서 직원 수는 계속해서 늘어나지만 새로운 기능의 개발속도는 점점 줄어듭니다. 막바지에는 거의 개발을 하지 못하는 지경에 이르게 됩니다. 원인은 바로 클린 아키텍쳐 설계를 잘못했기 때문입니다. 빈약한 아키텍쳐는 지저분한 코드를 만들게 되고 이는 새로운 코드를 추가하거나 기존의 코드를 수정할 때 다양한 문.. 공감수 0 댓글수 0 2024. 7. 2.
HTTP 간단 총 정리( 프로토콜, HTTP METHOD, 상태코드, Header, body, 캐쉬 값) 들어가며 HTTP는 웹 개발자 중 백엔드 개발자는 물론 프론트엔드 개발자에게도 필수적으로 알아야할 지식 중 하나라고 생각합니다. 웹을 사용하려면 웹 브라우저를 사용하고 이 웹 브라우저에서 일어나는 일련의 과정들에 HTTP가 필수적인 요소이기 때문입니다. 저는 이 HTTP의 개념에 대해 대강 알고 있는 수준이었습니다. 실무에서 필요한 부분만 그때그때 익혀 사용하는 수준이었어요. 그래서 이번 기회에 총 정리하는 느낌으로 개념을 잡아놓으면 업무에 큰 도움이 될 것이라 판단했습니다. 사실 왜 미리 하지 않았을까 하는 후회가 더 큽니다. 참고로 공부는 인프런의 김영한 선생님의 강의를 들었습니다. 어떤 기술에 대한 설명을 스토리처럼 이해하기 쉽게 설명해주셔서 추천하는 강의입니다! 말그대로 넓은 범위의 과목을 간단.. 공감수 0 댓글수 0 2024. 6. 21.
자바 스프링부트 테스트코드 작성 JUnit5 그리고 Mock 테스트 코드의 중요성 개발자의 길을 어느덧 3년 걸었지만 테스트 코드의 중요성을 깨닫지 못하고 있었습니다. 웹 프로젝트 여러개를 맡으며 개발이 끝나고 테스트 기간이 되면 단위 테스트를 진행하였는데 직접 버튼을 누르고 로그와 DB를 눈으로 확인하였습니다. 물론 이 방법이 가장 직관적이고 확실한 테스트 방법일 수 있습니다. 하지만 규모가 작은 프로젝트라도 테스트 케이스가 100개가 넘어가는 경우가 비일비재한데 수작업으로 진행하다보니 제대로 확인하지 못하는 경우가 많았습니다. 실제로 회사에 있을때 프로젝트의 완성도에 관한 이야기는 끊임없이 나오곤 했습니다. 저 또한 이 테스트에 대해 많은 고초를 겪었습니다. 내가 더 꼼꼼하게 확인해보면 되겠지, 하며 해봐도 예상치 못한 곳에서 오류가 터졌습니다. 물론 제 부.. 공감수 0 댓글수 0 2024. 6. 18.
스프링 부트 초기세팅(Spring initializer, gradle kotlin, MariaDB, IntelliJ, Java17) 시작 토이 프로젝트를 만들어 보려고 합니다. 회사에서 주구장창 쓰던 1.8에서 벗어나 최신버전인 17을 사용하려고 합니다. 그 뿐만 아니라 최대한 안쓰던 기술 스택을 사용하여 구성합니다. 큰 틀인 스프링 부트, 마리아 db에서는 벗어나지 않으나 jsp 대신 리액트를 사용하려고 합니다. 이번 포스팅은 해당 프로젝트 중 스프링 부트를 구성하는데 필요한 세팅을 차례차례 알아보려고 합니다. 구성IntelliJSpring Boot 3.2.5MariaDB(tool : Sequel Ace)JPA, HibernateJava 17GitSourceTree준비tool을 먼저 설치합니다. 기본 환경은 맥입니다. 저는 홈브류(Homebrew)를 이용했습니다. CLI명령어로 프로그램을 간편하게 설치할 수 있어 애용합니다. 홈브류.. 공감수 0 댓글수 1 2024. 6. 14.
클린코드(clean code)를 읽고 요점 정리 및 코딩의 방향성 잡기 시작 클린 코드. 말그대로 깔끔한 코드를 작성하기 위해 개발자가 알아야 할 사항들을 집필한 교과서 같은 책이었습니다. 다만 우리나라 저자가 아닌 점, 최초 발행일이 2008년인 점을 감안하여 맹목적으로 따르는 것이 아닌 옳은 방향을 잡는 나침반과 같은 용도로 삼아야겠다 생각했습니다. 회고 클린 코드의 옮긴이는 서문에서부터 시간에 쫓겨 나쁜 코드를 작성한 자신을 후회한다고 반성하였습니다. 1회독을 한 저도 그와 같이 반성을 하게 되었습니다. 이 책은 그런 책입니다. 개발에 대한 꿈을 가지고 공부한 뒤 입사를 하였지만 시간이 흐르며 일정에 치이고 현실과 타협한다는 자기합리화로 편한 길을 찾느라 망가진 코드에 대해 생각하게 만듭니다. 비슷해 보이는 기능을 찾아 제대로 검토하지 않고 복사 붙혀넣기를 하고 그저.. 공감수 1 댓글수 6 2024. 6. 12.
프로그래머스 레벨 1 - 코딩테스트 고득점kit 해쉬 : 폰켓몬[자바] 문제난이도 : 레벨1문제 :폰켓몬을 가져갈 수 있는 최대 개수는 총 폰켓몬 / 2같은 종류의 폰켓몬은 가져갈 수 없음제한사항 :nums 배열에 폰켓몬의 종류가 1차원 배열로 담겨 있음.1 폰켓몬의 종류는 자연수 1~200,000답애초에 코딩테스트 공부를 거의 안하기도 했고 오랜만에 다시 공부하는 코딩테스트라 어떻게 풀어야 하는지 전혀 감이 잡히지 않았습니다.배열을 순회하면서 원소들끼리 비교해서 다르다면 count++ 하는 방법을 생각했으나 포기했습니다.(다른 사람의 풀이를 보니 sort를 통해 정렬한 후에 제가 생각한 방법대로 한 것을 보긴 했습니다. sort함수를 알고는 있었지만 거기까지 연결짓지 못했습니다.)결국 풀이를 통해 HashSet와 중복 제거라는 키워드를 찾았고 그것을 토대로 문제를 풀 수 .. 공감수 0 댓글수 0 2024. 6. 12.
프로그래머스 레벨 2 - 코딩테스트 고득점kit 해쉬 : 전화번호 목록[자바] 문제난이도 : 레벨2문제 :전화번호부에 적힌 전화번호 중 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하고 결과에 따라 true, false를 리턴하는 문제.전화번호는 String[] phoneBook형태로 주어지게 된다.제한사항 :1 각 전화번호의 길이는 1이상 20이하중복되는 전화번호는 없음답제가 처음 생각한 것은 배열을 정렬한 뒤 가장 작은 수를 가진 배열의 원소를 기준으로 다른 원소들과 비교하여 접두어에 속하는지 판단하는 것이었습니다. import java.util.*;class Solution { public boolean solution(String[] phone_book) { boolean answer = true; ArrayList phone_save_l.. 공감수 0 댓글수 0 2024. 6. 12.
스프링 부트 DI - 필드 주입과 생성자 주입의 초기화 시점 DI(의존성 주입)의존성 주입이란 객체가 스프링 빈에 등록된 다른 객체를 필요로 할 경우 해당하는 객체를 가져오는(주입해주는) 행위이다.전통적인 자바에서는 스스로 객체를 생성하거나 찾지만 스프링 부트에서는 이 과정을 외부에서 처리한다. (SOLID원칙을 지켜 객체 간 결합도를 낮추고 코드의 유연성을 증가함.)의존성 주입의 유형생성자 주입수정자(setter) 주입필드 주입일반 메소드 주입포스팅을 하게 된 배경과거 실무에서 저는 이 필드 주입만을 사용하여 DI를 진행했습니다. 그러나 김영한 선생님의 강의를 들으며 이 필드 주입은 그다지 권장하지 않는 방법이다, 라는 것을 배웠습니다.why?-> 필드 주입을 할 경우 객체가 생성되고 난 뒤에 의존성 주입이 일어나기 때문에 객체가 가변적이게 됩니다.-> 이는 다.. 공감수 1 댓글수 2 2024. 6. 12.
리액트 커스텀 훅 사용 시 다중상태관리와 클로저의 존재 이유 리액트의 컴포넌트리액트의 컴포넌트는 함수와 클래스로 나뉜다.요새는 함수 컴포넌트를 사용하는 추세라고 한다. 왜냐하면 클래스 컴포넌트는 변경에 취약하여 인스턴스로 만든 속성에 접근이 가능한 반면 함수는 내부 상태를 클로저로 관리하기 때문에 외부에서 접근하지 못한다.또한 클래스 컴포넌트는 리액트 컴포넌트를 반드시 상속 받아야하고 생성자 super 호출 및 render메소드를 반드시 구현해야함.함수 컴포넌트는 리액트 엘리먼트를 반환해야함.클래스 컴포넌트는 상태를 관리하기 위해 this 객체를 사용한다.반면 함수 컴포넌트는 상태관리에 한계가 있기 때문에 등장한 것이 훅(hook)이다.훅(hook)리액트의 useState를 사용하여 함수 컴포넌트의 state값을 변경한다. (클래스의 인스턴스의 경우 this.st.. 공감수 0 댓글수 0 2024. 6. 12.
스프링 부트 유효성 검증 예외처리하는 방법(jakarta validation) 시작SI 회사에 재직할때부터 유효성 검증하는 방법은 꽤 자주 바뀌었다. 자바 jsp를 주로 사용해서 그냥 jsp에서 모두 처리를 하고 백엔드에서 처리해야할 로직이 있을 경우에만 service단에서 처리하기도 했다. 나중에는 컨트롤러와 jsp에서 더블체킹하기도 했고 dto의 어노테이션을 사용하여 컨트롤러에서 BindResult 객체를 사용하여 처리를 하기도 했다.사이드 프로젝트를 진행하며 이에 대해 고민하다 나름대로 길을 정하여 그 과정을 포스팅해보고자 한다.Service 처리재직 초반에 사용했던 방법이다. 로그인 API를 예로 들자면, 아이디나 패스워드가 공백은 아닌지, 패스워드 정규식을 만족하는지 등의 체크사항들이 있을 것이다. 그중 프론트엔드에서 처리 가능한 로직은 jsp단에서 전부 체크한다.if(x.. 공감수 0 댓글수 0 2024. 6. 12.
[스프링부트] 외부(이카운트) API 연동하여 데이터 통신 feat:HttpUrlConnection 서론 업무 중 외부 API 연동해야 하는 일이 생겼다. 원래라면 만들어둔 소스를 갔다 쓸텐데 Content-Type 관련해서 맞지 않는지 제대로 작동하지 않아서 직접 만들어썼다(라고 말하고 다른 프로젝트에 있던 소스 커스텀만 한거지만). 기능들에 대해 간단히 정리하고 기억하기 위해서 포스팅을 한다. (더 간단하고 쉽거나 효율적인 방법이 있을 수 있으므로 참고만 하시길.) 외부 API 연동관련 정보 연동하기 위해선 몇가지 알아야할 정보가 있다. 나같은 경우 재고관리를 위해 이카운트API라는 것을 사용해야 했고 해당 안내페이지에서 찾을 수 있었다. 다른 API도 홈페이지에 들어가보면 연동에 필요한 기본 정보를 제공하고 있을 것이다. (혹시 모르니 이카운트 URL을 남겨둔다.) https://sboapi.ec.. 공감수 2 댓글수 3 2023. 12. 8.
[MYSQL] ROWNUM 으로 번호를 매길 때 특정 조건만 카운팅하는 법 개요 mysql 쿼리문을 사용하여 목록을 추출할 때 순번을 매기는 것으로 ROWNUM을 종종 사용했다. 그런데 이번에 내가 하고 싶었던 것은 목록의 갯수만큼 무조건 +1을 하여 카운팅하는 로직이 아닌 특정 조건에만 +1을 하여 카운팅 하는 쿼리를 만들고 싶었다. 쿼리 고수분들이라면 더 간단하거나 쉬운 방법을 찾을 수도 있었겠지만 내가 찾은 방법은 이렇다. 의식의 흐름 일단 추출하고 싶은 목록을 쿼리로 짠다. SELECT TR.REGISTER_SEQ , TR.ORDER_DEGREE FROM T_REGISTER TR WHERE 1 = 1 //조건절 ORDER BY TR.REGISTER_SEQ 예시로 만든 간단한 쿼리는 이렇다. 'T_REGISTER' 이라는 테이블의 'REGISTER_SEQ, ORDER_DE.. 공감수 5 댓글수 7 2023. 11. 25.
프로그래머스 레벨 1 - 평균 구하기 정답 및 풀이[자바스크립트] https://school.programmers.co.kr/learn/courses/30/lessons/12944 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 정수를 담고 있는 배열 arr의 평균값을 return 하는 문제. 문제 자체는 너무나도 간단해요. 제한사항 배열 arr은 길이 1 이상 100 이하, 그리고 원소는 -10,000 과 10,000 사이의 정수에요. 단순 for문을 돌려서 풀어도 성능에는 이슈가 없었기 때문에 신경써서 볼 부분은 아닌 듯 하네요. 답 function solution(arr) { var answer = 0; //배.. 공감수 3 댓글수 2 2023. 8. 22.
프로그래머스 레벨 1 - 하샤드 수 정답 및 풀이[자바스크립트] 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 주어진 정수가 하샤드 수 인지 아닌지를 true, false로 return 시키는 문제. 하샤드 수란, 정수 x가 정수 x의 자릿수 합으로 나누어 떨어지는 수이다. (ex- 18은 1+8=9로 나누어 떨어지는 수 이므로 하샤드 수임) 문제에 어떻게 하면 될지가 너무 잘 나와있어서 그렇게 어려운 문제는 아니라고 생각한다. 주어진 자연수의 각 자리수 합을 구하고 그것이 자연수와 나누어 떨어질 경우 true, 아니면 false를 리턴하면 되니까. 제한조건 x는 1 이상, 1000이하의 정수. 신경써서 코딩하지.. 공감수 9 댓글수 5 2023. 7. 6.
중국의 클라우드 접근을 규제하기로한 미국, 근데 클라우드가 뭔데? 美 이번엔 中 클라우드 접근 규제… 옐런 방중 전 신경전 치열 재닛 옐런 미국 재무장관의 중국 방문(6~9일)을 앞두고 미·중 신경전이 치열하다. 서로 각종 규제를 주고받으며 공방을 펼치고 있다. 미국에서 중국의 인공지 news.kmib.co.kr 미국과 중국의 규제 공방전이 치열해지고 있다. 기사에 따르면, 이번 미국은 중국 기업들이 아마존의 AWS나 마이크로소프트의 Azure같은 클라우드 서비스를 사용하지 못하도록 규제한다. 미국이 견제한 반도체 수출 금지 항목을 이 클라우드 서비스를 통해 우회해서 사용할 수 있기 때문이다. 이번 조치가 현실화될 경우 중국에서 성장세를 기록중인 AWS, Azure 또한 서비스에 상당한 타격을 입게 된다. 그렇다면 이 클라우드 서비스가 무엇이길래 반도체를 우회해서 사용.. 공감수 3 댓글수 0 2023. 7. 6.
리액트 vscode, node.js 설치 후 프로젝트 생성까지(create-react-app) 리액트란? 설치에 앞서 리액트를 간단하게 알아보자. 자바스크립트 라이브러리로 사용자 인터페이스를 더 간편하게, 그러니까 Single Page Application을 효율적으로 만들기 위해 쓴다. 우리가 자주 쓰는 웹이나 앱(ex 인스타그램)들 중 페이지를 새로고침하지 않고 정보를 새로 불러와 교체하는 방식의 페이지를 제작하는데 리액트가 효과적이다. 물론 자바스크립트로도 만들 수는 있지만 코드가 매우 길어져 관리가 복잡한 단점이 존재한다. 또 html 문법을 함수, array, object 같은 곳에 보관하고 재사용 가능해서 확장성 또한 뛰어나다. 자바스크립트의 라이브러리답게 기본 언어는 자바스크립트 문법과 매우 흡사하다. 하지만 jsx 같은 자바스크립트에서 볼 수 없던 파일 형식도 있고 문법도 조금씩 다.. 공감수 5 댓글수 4 2023. 7. 5.
리눅스 설치부터 프로젝트 배포까지(3) - 우분투 톰캣(tomcat9) 일반계정 생성 및 권한 부여(배포용) 점검 3개의 포스팅으로 끝내고자 했던 리눅스 배포는 아파치 권한 오류의 미해결로 인해 4개의 포스팅으로 마무리 하고자 한다. 이전 포스팅을 통해 1.JAVA설치 2.TOMCAT 설치 3.프로젝트 배포 4.APACHE 설치 5.MOD_JK 연동 6.WEB, WAS 분리하여 프로젝트 연동 확인 총 3번까지의 과정을 진행하였다. 그래서 이번에는 리눅스에 일반계정을 생성하여 배포 계정을 따로 생성하고 아파치를 설치하는 과정까지 알아보고자 한다. 계정을 만드는 이유 root 계정은 최상위 계정으로 톰캣 외에도 다른 프로그램들을 제어할 수 있다.이런 root 계정으로 톰캣을 실행하면 보안 측면에서 문제가 발생한다. 가령 업로드한 파일을 이용해 root 권한을 탈취하여 악의적인 공격을 할 수 있다. 때문에 톰캣을 실.. 공감수 3 댓글수 2 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 명령어를 사용해.. 공감수 11 댓글수 6 2023. 6. 26.
소스트리를 사용한 GIT-FLOW 전략(2) - GIT-FLOW 전략과 실무 프로젝트에서 충돌난 과정 복기... GIT 브랜치 전략 브랜치 전략이란 여러 개발자가 하나의 저장소를 사용하는 환경에서 저장소를 효과적으로 활용하기 위한 work-flow다. GIT 브랜치를 생성하고 병합하는 방식, 그 시기에 대해 팀과 합의하여 개발자들간의 혼란을 최대한 줄인다. 그에 맞는 니즈에 부합하는 모델을 선택하는 것이 중요하다. 즉, 브랜치 생성에 규칙을 만들어 협업을 유연하게 하는 방법론이라고 할 수 있다. 브랜치 전략이 없다면 필자가 겪은 상황처럼 어떤 브랜치가 최신 브랜치인지, 어떤 브랜치가 배포에 적용되는 브랜치인지, 어떤 브랜치를 끌어와 개발을 해야하는지, 몰라서 제멋대로 개발을 하다가 나중에 크게 후회할 일이 생길 것이다. GIT-FLOW 전략 실무에서 쓰이는 브랜치 전략과 약간의 차이는 있겠지만 GIT-FLOW 전략.. 공감수 8 댓글수 9 2023. 6. 23.
리눅스 설치부터 프로젝트 배포까지(1) - 리눅스 우분투 ubuntu wsl2로 설치 개요 회사 개발서버에 프로젝트를 배포하는 것을 처음으로 맡게 되어 기록으로도 남길겸 포스팅을 작성해본다. 나의 경우는 회사 개발서버와 root계정을 가지고 자바와 톰캣,아파치를 연동하여 프로젝트 배포까지 하는 것이었다. wsl 설치 wsl이란 윈도우 환경 내 리눅스 환경을 사용할 수 있도록 윈도우에서 제공하는 개발 환경이다. 이 wsl을 이용하여 windows에 linux ubuntu를 설치할 것이다. 제어판 > 프로그램 및 기능 > Windows 기능 켜기/끄기 > Linux용 Windows 하위 시스템 선택 > 확인 나는 윈도우10 환경에서 PowerShell(파워쉘)을 이용해 설치했다. 윈도우 하단 돋보기(검색)버튼 - powershell을 검색하면 다음 그림과 같이 파워쉘 앱이 보인다. 이 파워쉘.. 공감수 8 댓글수 13 2023. 6. 23.
소스트리를 사용한 GIT-FLOW 전략(1) - 깃의 개념과 용어 설명 개요 회사에서 프로젝트를 진행하던 도중 깃 충돌이 발생했다. 항상 feature 브랜치에서 develop 브랜치로 merge 하거나 개발한 뒤 커밋 후 push 만 하던 내가 처음으로 develop 브랜치에서 feature 브랜치들을 merge하여 소스를 합친 뒤 배포하는 작업 과정에서 생긴 오류였다. 중요한 건 오류가 났는데 해결을 못하겠다. 충돌이 나서 소스 합치는 것은 둘째 치더라도 원격 develop 브랜치에 이상한 소스(내 기준)를 merge 해서 100몇개의 소스를 pull 해버렸는데 손을 쓸 수가 없었다. (...) 결국 책임님께 도움을 구해 해결은 했지만 재발 방지를 위해 GIT에 개념에 대해 더 완벽하게 이해하고, 충돌이 발생했을 때 소스를 머지하는 방법에 대해서도 짚고 넘어가야겠다고 생.. 공감수 15 댓글수 14 2023. 5. 4.
프로그래머스 코딩테스트 레벨 1 - 핸드폰 번호 가리기 풀이 해석 및 답안 [자바스크립트] https://school.programmers.co.kr/learn/courses/30/lessons/12948 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr문제전화번호를 마스킹하는 문제. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒤 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수를 만들면 된다. 해당 문제는 실무에서도 굉장히 많이 활용하는 유틸 함수이기 때문에 제대로 알아두면 좋겠다고 생각했다. 전화번호뿐만 아니라 아이디, 주민등록번호 등 민감한 개인정보에서는 거의 필수적으로 사용한다. 문자열의 길이나 숫.. 공감수 13 댓글수 10 2023. 5. 3.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.