사실 지금 말하는게 민망하지만, 작년 8월말에 회사가 갑작스럽게 폐업을 하게되었다.

3년넘게 일했던 멀쩡한 직장 때려치고, 개발자로 취업한지 1년 8개월만에 나에게 이런일이...

작년 남은 한해는 정신 못차리고 지나갔지 않았나 싶다. 공부를 해야하지만서도 실업급여가 나오는 탓에 간절함이 부족했나 싶기도 하고, 아무래도 갑작스러운 상황에 정신 못차렸던 것도 있지 않을까.

이러나 저러나 공부안한건 내 의지가 모자란거지 라고 생각했는데, 아니나 다를까 초반 면접본 몇 곳을 제외하곤 전부 이력서 제출에서 광탈해 버렸다.

개발자 취업이 힘들다곤 하지만, 그동안 너무 회사일만 했었고, 이직준비도 안되어있던 상황이라 그랬던게 컸을까?

정신차리고보니 벌써 25년이 되었고, 만으로 30살이 되어버렸다.

하하하,,,

그러던 와중 갑자기 일이 너무 하고싶어서, 지난주 목요일에 같이 다녔던 직장동료 A에게 전화를 걸었다.

Node.js를 한번 배울겸 미니프로젝트를 하나 하고싶은데, A님이 프론트 작업을 해 주셨으면 좋겠어요. 같이 해보실래요?

A님은 고맙게도 수락하여주셨다.

A님께 먼저 만나 했던말 몇가지를 정리하자면,

1. 평일 매일 아침 9시에 만날 것
2. 최대한 실서비스 한다는 생각 하에 프로젝트를 한 번 해보자.
3. 같이 이력서나 면접준비도 하자

였고, 벌써 일주일이 지났다.

오랜만에 프로젝트를 하니 학원다닐때가 생각나기도하고, 회사 다닐때가 생각나기도 하고... 기분이 참 묘하더라.

같이 만나서 예전처럼 일하고, 밥먹고, 담배도피고.

새로운 기술을 배우는 것도 좋지만, 일을 다시 하는 기분이 들어서 더 좋은건 아닐런지.

최대한 빨리 프로젝트를 끝내고 싶은 마음이 컸는데, 막상 시작해보니 쉽지만은 않을 것 같다. 확실히 실무를 한번 경험해보고 나서인지는 몰라도, 미니프로젝트 일지라도 많은 고민을 하게 만든다.

아무튼 프로젝트를 하면서도, 내가 이걸 하면 취업하는데 도움이 될까? 하면서 한숨 푹~ 한번 쉬었다가, 에이 안되면 차라리 실서비스 하고 말지 ㅋ 하면서 코드치니 꽤 재밌기도 하다.

회사다닐때 진짜 재밌게 일했는데 ㅎㅎ

많은 사람들이 볼 글은 아닌것같지만, 나와같은 상황에 처한 다른 개발자 분들도 힘내셨으면 좋겠다.

혹시라도 실직 후에 집에만 있게되어서 무기력한 주니어 개발자 분들 중에 같이 프로젝트를 해보고 싶은 분들이 있으시다면 연락 주셨으면 좋겠다.

프로젝트 주요 구성은 Front End : React, Next.js, typescript Back End : Node.js, Nest.js, typeorm, postgresSQL 등... 이 있다.

아무튼 다들 화이팅 합시다! 박한솔도 화이팅!!!

개발서버 뿐만 아니라 실제 운영되고 있는 서버에서도 끊겨서, 꽤나 골치아픈 문제였다.

주말에 나는 늦잠을 자는편이라, 막내인 내가 연결을 못하고 계속해서 팀장님이 토요일 새벽마다 재연결을 하시는 그런 상황이.. 너무 싫었고, 틈 날때마다 찾아보았는데, 해결 지점까지 온듯 했다.

일단 네트워크 드라이브 연결을 30분마다 확인하는 스케줄러가 동작하고있었고, 끊긴 경우에는 개발팀으로 알림톡이 발송되었기에 알림톡 로그를 먼저 확인해보았다.

토요일 새벽 4시 30분에만 끊김

처음에는 이 사실을 알았을땐 당연히 우리 서버 스케줄러중에 4시반에 도는것이 부하가 걸려 이런 일이 생기는 줄 알았으나... 실제로 해당시간대에 동작하는 스케줄러가 없었다.

왜 토요일 특정 시간에만 끊길까...... 에 대해서 계속 생각하고 찾아보다가, 잘 알지도 못하는 AWS FSx 드라이브 설정에 가서 아무거나 눌러보다가 뭔가를 찾게되었다.

이게웬걸, FSx 주 단위 유지 관리 기간이라는 것이 금요일 19:30 UTC(한국시간 토요일 새벽 4시 30분) 이었다... 웬지 확실치는 않지만 누가봐도 이게 문제라는걸 알수가 있을 것이다.

https://docs.aws.amazon.com/fsx/latest/WindowsGuide/administering-file-systems.html#maintenance-windows AWS 공식문서에 따르면 주 단위 유지 관리기간은 매주 실행되는 것은 아니며, 유지관리 일정이 잡히게되면 설정된 시간에 실행된다고 한다. 이때 네트워크 드라이브 연결은 끊기게 된다고 한다.

더 찾아보았을때 AWS 자체에서 재연결을 할 수 있는 세팅은 없는것같고, 서버에서 직접 재연결을 할 수 있게 하는 배치나 스케줄러를 실행 시키는 것이 최선인것같았다.

아래는 네트워크 드라이브연결 상태 확인 -> 재연결 까지 작업하는 powershell 스크립트 문이다.

우리의 경우 재연결시에 자격증명은 사용하지않아 주석처리 하였고, 대신 DNS 서버를 설정하고 나서 다시 자동으로 변경하는 것 까지 처리하였다.

재연결 후에 호출하는 웹 페이지는 기존에 있었던 알림톡 발송 페이지이다. 해당 페이지에서 다시 네트워크 연결상태를 확인 후에 재연결되었는지, 실패했는지 알림톡을 발송해준다.

# 네트워크 드라이브 문자
$driveLetter = "Z:"

# 네트워크 드라이브 경로
$networkPath = "네트워크드라이브경로"

# 자격 증명
# 자격증명 필요한지 확인 필요
# $username = "your_username"
# $password = "your_password"

# 네트워크 어댑터 이름 가져오기 (이더넷)
$adapterName = Get-NetAdapter | Where-Object {$_.Name -like "Ethernet*"} | Select-Object -ExpandProperty Name

# DNS 서버 IP
$dnsServerIp "DNS 서버 IP"

# 네트워크 드라이브 연결 상태 확인
if (!(Test-Path $driveLetter)) {

    Write-Host "네트워크 드라이브가 연결되지 않았습니다. 다시 연결을 시도합니다..."

    # 기존 연결 해제 (필요한 경우)
    net use $driveLetter /delete

        # 수동 DNS 서버 주소 설정
        Set-DnsClientServerAddress -InterfaceAlias $adapterName -ServerAddresses $dnsServerIp

    # 네트워크 드라이브 재연결
    # 자격증명 필요한지 확인 필요
      # net use $driveLetter $networkPath /user:$username $password
    net use $driveLetter $networkPath

        # DNS 서버 주소 자동으로 받도록 설정
        Set-DnsClientServerAddress -InterfaceAlias $adapterName -ResetServerAddresses

    if (Test-Path $driveLetter) {
        Write-Host "네트워크 드라이브가 성공적으로 다시 연결되었습니다."
    } else {
        Write-Host "네트워크 드라이브를 다시 연결하는 데 실패했습니다."
    }

        # 웹 페이지 호출
        Invoke-WebRequest -Uri "호출 할 웹 페이지" -Method Get

} else {
    Write-Host "네트워크 드라이브가 이미 연결되어 있습니다."
}

# Powershell 종료
exit

로컬에서 테스트 완료해서, 서버에 적용하려 했지만...

사정이 생겨서 적용해보진 못하였다.

압축률이 좋은 사진 포맷을 활용하여 사진을 불러오게되면, 용량에 대한 클라이언트측의 부하가 적어지기 때문에, 사진 확장자나 압축방식을 적절하게 활용하는 것이 좋다.

그 중에 요즘 많이 쓰이는 방식이 구글에서 만들어낸 WEBP 확장자를 이용하는 방식인데, 다른 방식으로도 변환이 가능하겠지만, 자바스크립트를 활용하면, 빠른시간안에 적용할 수 있다.

• 주의사항 동적인 gif 파일의 경우엔 해당 방식으로 변환시에 애니메이션은 적용되지 않는다. 아이폰에서 업로드 하는 경우에는 webp형식으로 변환하면 오히려 사진 용량이 늘어나는 현상이 발생한다.

주의사항을 참고해서 적용 범위를 살펴보자면, 실제 유저들이 사용하는 부분에서 사용하게되면 예외처리를 해야 하는 부분이 많아보이니, 간단하게 이미지정도만 업로드 하는 부분에 사용하게되면 충분히 유용하게 사용 할 수 있을 것 같다.

// 해당 함수로 원본 파일 객체(ogFile)를 전달
function convertImgToWebp(ogFile){
    return new Promise(resolve => {
        let og_src = URL.createObjectURL(ogFile);
        let canvas = document.createElement('canvas');
        let ctx = canvas.getContext('2d');
        let userImage = new Image();
        userImage.src = og_src;

        userImage.onload = function(){
            //기존 파일과 사이즈 맞춤
            canvas.width = userImage.width;
            canvas.height = userImage.height;
            ctx.drawImage(userImage, 0, 0);

            //webp 로 변경
            let webpImage = canvas.toDataURL('image/webp');

            // console.log(webpImage);

            // 변경된 이미지를 다시 파일로 변경 start
            let blobBin = atob(webpImage.split(',')[1]);
            let _arr = [];
            for(var i = 0; i < blobBin.length; i++){
                _arr.push(blobBin.charCodeAt(i));
            }
            let webpFile = new File(
                    [new Uint8Array(_arr)], 
                    ogFile.name.split('.')[0]+'.webp',
                    {type: 'image/webp'}
                );

            resolve(webpFile);
        }
    })
}

html 엘리먼트인 canvas를 사용해서 복제 후에 확장자 변경과 압축을 진행하는 방식이다.

특징이 있다면 해당 함수를 promise를 리턴한다. 왜냐면.. promise를 사용해서 await을 활용하지 않게되면 해당 함수 내부 로직이 처리되기 전에 호출한 부분 다음을 실행해버리는 경우가 생겨서, await을 사용해서 무조건 리턴 받은 후에 다음 로직을 실행해야한다.

예를들어

// webp 파일을 리턴 받아야 하는 함수
async function exampleFunction(id) {
  var files = document.getElementById(id).files;


  for( var i=0 ; i< files.length ; i++){
    var _file     = files[i];//webp로 변경전 file
    var file     = null;

    //gif파일은 webp변환 예외
    if(_file.type.indexOf('gif') <= 0){
      file = await convertImgToWebp(_file);    //webp로 변경후 file
    } else{
      file = _file;
    }
    //webp 변환시 빈파일로 반환된 경우 원본파일로 업로드처리
    if(Number(file.size) === 0){
      file = _file;
    }

    // ..후처리 로직
  }    
}

이런식으로 async 함수로 선언 후에 await을 사용해서 무조건 webp 변환 함수가 promise를 리턴 후에 이후 로직이 실행되게 해야 한다.

그 외에 gif나 가끔 빈파일로 리턴하는 경우에만 원본 파일로 올리는 예외처리를 해주었다. (사진이 너무 큰 경우에는 DataUrl이 너무 커져서 크롬 자체에서 차단을 하는 것 같다.)

웬만하면 javascript로 하는 방식은 비추하나, 급하게 적용해야 할 부분이 있다면 가장 간단하게 적용 할 수 있는 유용한 방법이라 생각한다.

해당 방법은 클라이언트 측에서 실행해야 하기 때문에, 유저가 사용하는 부분에서는 지양하는 것이 좋을 것 같다. 예외도 워낙 많아서...

level 1에다가 간단한 문제지만, Integer나 StringBuffer에 관한 활용이 없으면 꽤나 돌아갈 것 같은 문제다.

먼저 int 로 받아준 자연수 n 을 String 으로 변환해 준다.

이 때 Integer 안의 toString 메소드를 사용 해 주는데, 괄호 안에 (숫자, 숫자) 형식으로 작성하면 왼쪽의 숫자를 오른쪽 숫자의 진법으로 변환 하여 String으로 변경 해 준다. (변환하는 이유는 StringBuffer를 통해 쉽게 뒤집어 주려고)

        String str = Integer.toString(n, 3);

그 다음 StringBuffer를 사용하여 문자열을 뒤집어 준다. 이 때 StringBuffer 객체를 만들어서 사용한다.

        StringBuffer sb = new StringBuffer(str);
        String reversedStr = sb.reverse().toString();

이러면 일단 3진법으로 변환하여 뒤집는데 까지는 성공. 다시 10진법으로 변환해야 하는데, 방법은 전과 비슷하다. 그런 다음 반환해주면 끝!

        int answer = Integer.parseInt(reversedStr,3);
        return answer;

여기까지다.

이 문제에서 나같은 초보자가 배워야 할 것들.

• Integer 안의 메소드들을 충분히 활용 가능한가.
• StringBuffer에 대한 이해도. (사용 하기만 하고 String과 뭐가 다른지에 대해서는 잘 모름)

인데 StringBuffer에 대해서는 나중에 따로 공부하여 포스팅 해야겠다.

시간복잡도를 해결하고, HashSet을 이용한 중복제거 처리를 먼저 해주니 코드가 훨씬 간결 해 져서 문제 풀이가 완성되었다.

과거에 작성한 코드

        int[] answer = new int[id_list.length];

        // answer에 넣어줄 값
        HashMap<String, Integer> aCnt = new HashMap<String, Integer>();
        // key : 유저, value : 신고 당한 횟수 
        HashMap<String, Integer> banCnt = new HashMap<String, Integer>();

        // 유저 별 신고 당한 횟수 (초기값 0)
        for(String i : id_list) {
            banCnt.put(i, 0);
            aCnt.put(i, 0);
        }
        // 유저 별 신고 한 유저 담아주기
        for(String b : report) {

            String[] bu = b.split(" ");
            int bc = banCnt.get(bu[1]);

            banCnt.put(bu[1], bc + 1);

        }
        //중복되는지 검사 
        for(int i = 0; i < report.length; i++) {
            int repOvl = -1;
            for(int j = 0; j < report.length; j++) {
                if(report[i].equals(report[j])) {
                    ++repOvl;
                }
            }
            if(i>0) {
                if(i==1) {
                    if(report[i].equals(report[0])) {
                        repOvl = 0;
                    }
                } else {
                    for(int x = 0; x < i; x++) {
                        if(report[i].equals(report[x])) {
                            repOvl = 0;
                        }
                    }
                }
            }
            String[] bu = report[i].split(" ");
            int bc = banCnt.get(bu[1]);
            banCnt.put(bu[1], bc - repOvl);


        }

                //신고당한 회수 k번 이상이면...
        for(int i = 0; i < id_list.length; i++) {
            if(banCnt.get(id_list[i])>=k) {
                for(int j = 0; j < report.length; j++) {
                    if(report[j].split(" ")[1].equals(id_list[i])) {
                        int bcnt = aCnt.get(report[j].split(" ")[0]);

                        if(j>0) {
                            if(j==1) {
                                if(report[j].equals(report[0])) {

                                } else {
                                    aCnt.put(report[j].split(" ")[0], bcnt + 1);
                                }
                            } else {
                                for(int x = 0; x < j; x++) {
                                    if(report[j].equals(report[x])) {

                                    } else {
                                        aCnt.put(report[j].split(" ")[0], bcnt + 1);
                                    }
                                }
                            }
                        } else {
                            aCnt.put(report[j].split(" ")[0], bcnt + 1);
                        }

                    }
                }
            }
        }



        for(int i = 0; i < id_list.length; i++) {
            answer[i] = aCnt.get(id_list[i]);
        }

라는 내용의 말도안되는 코드였는데, 이 다음날 강사님에게 코딩테스트 시간초과가 왜나오는지 여쭤봤고, 일반적으로 중첩반복문 때문인 경우가 많다고 하셔서 그쪽에 집중했고, 코드도 전체적으로 삭제한 다음 다시 생각 해 보기 시작했다

아래가 완성된 코드

import java.util.ArrayList;
import java.util.HashMap;
import java.util.HashSet;

class Solution {
    public int[] solution(String[] id_list, String[] report, int k) {
        int[] answer = new int[id_list.length];

        //user 별 신고 당한 횟수
        HashMap<String,Integer> banCnt = new HashMap<String,Integer>();
        //answer에 넣어 줄 값
        HashMap<String,Integer> aCnt = new HashMap<String,Integer>();

        //user 별 신고 당한 횟수, answer에 넣어 줄 값 Mapping 처리 (초기값 0)
        for(String il : id_list) {
            banCnt.put(il, 0);
            aCnt.put(il, 0);
        }

        //report 에서 중복 제거 작업을 먼저 해준다면?
        HashSet hashSet = new HashSet();
        for(String rp : report) {hashSet.add(rp);}
        ArrayList<String> dor = new ArrayList<>(hashSet);

        for(String d : dor) {
            String bun = d.split(" ")[1];
            int cnt = banCnt.get(bun);
            banCnt.put(bun, cnt + 1);
        }

        for(String d : dor) {
            if(banCnt.get(d.split(" ")[1]) >= k) {
                aCnt.replace(d.split(" ")[0], aCnt.get(d.split(" ")[0])+1);
            }
        }

        for(int i = 0; i < id_list.length; i++) {
            answer[i] = aCnt.get(id_list[i]);
        }

        return answer;
    }
}

이때 정말 약간 크게 배운 것 같았다.

1. 일단 내가 쓴 코드를 내가 직접 보고서 문제점을 발견 한 다는게 상당히 어렵다는 것...
2. 생각보다 쓸데없이 사용된 코드들이 많다는 점.
3. 여러가지 배운 기능 들 중 내가 제대로 사용 가능 한 코드는 아직 적다.

열심히 공부해야지.

한솔 깃허브

주요 사용된 메소드들은 String에 관련된 replace, replaceAll, charAt 이 있다.

오늘 문제는 정규식에 관한 부분이 대다수여서 크게 오래 걸리거나 하진 않았지만, 정규식은 머리에 외우고 다니지도 않고, 많이 써보지도 않아서인지 구글링을 좀 했다 ㅎ

    new_id = new_id.toLowerCase();

첫번째로 아이디 입력값에 만약 대문자가 있을 경우에 소문자로 치환해주는 toLowerCase 메소드를 사용해준다.

    new_id = new_id.replaceAll("[^a-z0-9-_.]", "");입력하세요

그 다음으론 replaceAll을 이용해, 해당 id 안에는 알파벳, 숫자, -, _, . 만 들어가야 함으로 정규식을 이용해서 그외의 문자열들을 공백으로 만들어준다.

여기서 문자열 치환 메소드는 보통 2개인데 replace 와 reaplceAll 이 있다.

이 두 메소드의 차이점은 매개변수에 있는데,

      String replace(CharSequnce target, CharSequence replacement)
      String replaceAll(String regex, String replacement)

replace 는 일반 문자열을 찾아서 치환해주고, replaceAll 은 정규식형태의 String 값을 넣어준다. (CharSequence 는 String을 포괄하는 인터페이스)

아무튼 다음 코드 설명으로 넘어가면

      while(new_id.contains("..")) {new_id = new_id.replace("..", ".");}

이번엔 굳이 replaceAll을 사용하진 않았다. 정규식을 안쓸거니깐!!

.. 을 . 으로 바꿔주는 형태인데, ... 인 경우는 한번밖에 치환을 안해줘서 남는 경우가 있으니 .. 이 없어질때 까지 반복문을 돌려주는 형태로 작성했다.

어.. 근데 이거 글쓰면서 생각난건데, CharSequence가 String을 상속하는 인터페이스라면, replace에서도 replaceAlㅣ에서 사용하는 정규식을 사용 할 수 있어야 하는거 아닌가? 하고 사용해 봤는데... 뭔가 제대로 되지 않는다. 내 생각이 틀린건가? 하고 생각이 들어서 찾아봤는데, 그게아니고 그냥 String 안에 있는 toString 메소드가 오버라이딩 되어있는 형태인것같다...

아 진짜 인터페이스는 아직도 잘 모르겠다 ㅎ 이해가 갈랑말랑...

아무튼 다음으로.

        new_id = new_id.replaceAll("^[.]*", "");
        new_id = new_id.replaceAll("[.]$", "");

아이디의 처음과 마지막에 . 이 들어가지 않도록 지워주는 작업이다.

흠.. 이것도 한줄로 바꾸는거 가능할거같은데, 조금 더 공부 해 봐야지.

        if("".equals(new_id)) new_id = "a";

만약에 아이디가 빈 문자열로 들어오게 되는경우엔, a 한글자를 할당해준다.

        if(new_id.length() > 15) new_id = new_id.substring(0, 15);

아이디가 15글자를 넘어 갈 경우엔 15자리 까지만 끊어준다.

        new_id = new_id.replaceAll("[.]$", "");

만약에 15자리 까지 끊어줬는데, . 이 마지막에 올 경우가 있을수도 있으니 한번 더 제거 해 준다.

        if(new_id.length() < 3) {
            char lastC = new_id.charAt(new_id.length()-1);
            while(new_id.length() < 3) {new_id = new_id + lastC;}
        }

그리고 마지막으로 3자리 이하 일 때 마지막 char를 사용해서 3자리가 될때 까지 id 에 추가 해 주도록 한다.

이렇게 하면 끝!

다른 분들의 문제 풀이도 한번 봤는데, 재사용성을 생각하고 푸신 분의 풀이를 보니 아.. 이게 자바의 장점인데도 난 왜 문제 푸는데 급급 할까 ㅎㅎ 란 생각이 들더라...

다음 부턴 재사용성도 한번 생각을 해보고 접근 하는게 좋을듯 하다.

예를들면, 위와같이 1~7 단계를 거쳐서 사용 되는 경우에는 각각 메소드들을 만들어 놓고 사용하는것이 유지보수 측면이나 가독성 면에서도 훨씬 좋아지는 느낌이 들었다.

아무튼 완성된 코드는 아래와 같다.

    public String solution(String new_id) {

        new_id = new_id.toLowerCase();
        new_id = new_id.replaceAll("[^a-z0-9-_.]", "");
        while(new_id.contains("..")) {new_id = new_id.replace("..", ".");}
        new_id = new_id.replaceAll("^[.]", "");
        new_id = new_id.replaceAll("[.]$", "");
        if("".equals(new_id)) new_id = "a";
        if(new_id.length() > 15) new_id = new_id.substring(0, 15);
        new_id = new_id.replaceAll("[.]$", "");
        if(new_id.length() < 3) {
            char lastC = new_id.charAt(new_id.length()-1);
            while(new_id.length() < 3) {new_id = new_id + lastC;}
        }


        String answer = new_id;
        return answer;
    }

https://github.com/dosirakHansol