JS' 공부흔적

[취업] LG전자 취준 후기

이준수 — Sun, 24 Dec 2023 18:34:28 +0900

이번에는 LG전자 취업 준비 후기를 작성해보겠습니다!

채용 프로세스

저는 HE사업본부 SW직무에 지원했고, 채용 과정은 아래와 같습니다.

서류 전형 -> 인적성 검사 -> 코딩테스트 -> 1차면접 -> 2차면접

특이한 점은 서류 전형에서 합격을 받아도 이후 인적성 검사와 코딩테스트 결과를 합쳐서 다시 한 번 서류를 검토한다는 거예요. 그래서 저도 서류 전형 합격 소식을 2번 받았었네요!

서류 전형

자소서 문항은 총 3개였습니다.

LG전자 지원동기
직무관련 향후 계획
프로젝트 경험

저는 LG전자 외에도 LG그룹 내 여러 계열사들에 지원했었는데요, LG그룹은 대체로 문항 수가 적고, 무난한 질문들이 많았습니다.

지원동기는 LG전자가 현재 나아가고자 하는 방향과 저의 경험을 연관지어 작성했습니다.

직무관련 향후 계획은 제가 지원한 직무에서 사용하는 기술 스택에 대해 조사하여 이와 관련하여 역량을 쌓고, 더 나아가 LG전자를 어떤 회사로 만들고 싶은지에 대해 작성했습니다.

프로젝트는 전에 정리해둔 필살기 경험을 작성했습니다.

저는 "면접왕 이형" 유튜브를 많이 참고했어요! 경험들을 정리하는 데 많은 도움이 되었습니다ㅎㅎ

시간이 지나고 서류 전형 합격 소식을 받았습니다!! 캡쳐본이 없어서 사진 첨부는 못 함

인적성 검사

인적성 검사는 응시일과 시간대를 직접 정할 수 있습니다! 대신 선착순이라 빠르게 선택해야 원하는 시간대를 선점 가능해요

저는 에듀윌 LG그룹 인적성 교재 한 권으로 일주일 정도 준비했습니다 (노란색 책)

LG그룹 취준생들이 모여있는 오픈카톡방에 들어가있었는데, 현직자분께서 LG는 "인성"을 정말 중요하게 본다고 하셨습니다. LG그룹이 추구하는 모습에 맞추는 것도 중요하지만, 솔직하고 일관성있게 답하는 모습도 정말 중요하다고 생각합니다.

인성 검사

인적성 교재에는 인성 검사 2회분이 준비되어 있습니다. 저는 사실 인성 검사는 유형 파악 정도로만 참고했고, 평소 저의 모습에서 특히 강조하고 싶은 부분을 정하여 하나의 컨셉을 잡아서 응시했습니다.

참고로 183문항(61문항군)을 20분 내에 답변 완료해야 합니다.

적성 검사

적성 검사는 5회분이 준비되어 있습니다. 책으로 문제를 풀 수도 있지만, 인적성 검사를 온라인으로 응시하기 때문에 처음에는 책에 풀다가 이후에는 컴퓨터로 푸는 연습을 했습니다!

파트당 15문제, 총 4개의 파트로 구성되어 있고, 파트당 10분의 시간이 주어집니다. 컴퓨터로 푸는 게 책으로 풀 때보다 시간이 꽤 오래 걸려서.. 다 푼다는 생각보다는 푼 거를 많이 맞힌다는 생각으로 임해야 할 듯 합니다.

책으로 풀 때는 밑줄도 긋고 직접 쓰면서 풀어서 금방 푸는데, 인적성 프로그램에도 물론 메모장과 그림판, 계산기가 있긴 하지만 마우스로 그림을 그려야 해서 사실상 쓰기 힘든 환경이에요,,

저는 에듀윌 교재 기준으로 파트당 보통 10개 내외로 풀었었네요.. 그치만 실제 인적성 검사는 이보다 훨씬 쉽게 출제되니 너무 걱정하지 않으셔도 될 것 같아요!

에듀윌 교재가 원래 어려운 편이라고 하더라고요ㅎㅎ

실제 시험 때는 12개 이상씩은 풀었던 것 같고, 모두 푼 파트도 있었습니다!

코딩 테스트

코딩 테스트 역시 응시 날짜와 시간대를 본인이 선택할 수 있었습니다. 물론 시간대별로 문제가 달랐어요

총 3문제가 출제됐고, 문제 난이도는 쉬운 편이었어요. 물론 저는 다 풀진 못 하고 2문제 풀었습니다ㅋ

3번 문제가 좀 어려웠는데 투 포인터를 쓰는 문제였다고 하더라고요! 저는 이분 탐색으로 고민하다가 모르겠어서 그냥 시간 초과 풀이로 제출했어요ㅠ

1, 2번 문제는 제 기억상으론 특별한 알고리즘 없이 구현 문제였던 것 같네요!

서류 전형 + 인적성 검사 + 코딩 테스트를 합산하여 최종 서류 전형 합격 소식을 받았습니다!

참고로 이때 합격조직 / 직무가 바뀌신 분도 많았습니다. 전혀 다른 직무로 면접을 보게 되신 분도 봤네요ㅠㅠ

저는 다행히 지원한 조직과 직무로 합격!

1차 면접

1차 면접은 PT 면접과 영어 면접으로 구성되어 있습니다.

오픈카톡방에서 면접 스터디원을 구해서 스터디를 진행했습니다! 각자 직무역량기술서를 발표하고, 예상 질문들을 던지며 대비했어요.

자소서도 돌려볼까 하다가 직무역량기술서 위주로 질문하실 것 같다는 결론에 도달해서 자소서는 따로 돌려보지 않았습니다!

PT 면접

PT 면접은 다대일로 약 40분 정도 진행되며, 오프라인이 아닌 화상 면접입니다. 직무와 관련된 전공 및 프로젝트, 지원 동기 등을 포함하여 5장의 직무역량기술서를 작성하여 10분 이내로 발표하고, 면접관님들과의 질의응답이 이어집니다.

저는 특히 LG전자의 인재상과 저의 경험들을 연관지어 당사에 적합한 인재라는 점을 어필했습니다. 이미 작성해놓은 직무역량기술서를 보면서 발표하는 것이기 때문에 긴장하지 않고 발표했었네요!

PT 이후 제가 받은 질문들은 아래와 같습니다.

자기소개 (발표 전 자기소개부터 함)
C와 C++의 숙련도
가장 자신있는 언어
C언어 및 리눅스 관련 질문(직무 관련 전공에 리눅스 작성해서)
프로젝트 관련 질문
webOS에 대해 많이 알고 있는 것 같은데, 평소 알고 있었는지?
회사에 질문이 있다면?
미디어 쪽 관련 개발 경험은 없는지?
인턴 근무하면서 회사에서 받았던 평가
마지막으로 할 말
어학 성적 좋은데 학원 다녔나? (토익스피킹 150이라 좋은 편은 아님..)

면접관님은 총 3분이셨던 거로 기억합니다! 인사팀 한 분과 실무진 두 분이셨던 것 같아요.

대체로 무난했던 질문이었지만, 몇몇 날카로운 질문도 있었습니다.

회사에서 받았던 평가에 대해 말씀드릴 때, 제대로 뜻이 전달되지 못한 거 같아 아쉬웠는데, 다행히 마지막 할 말에서 이를 보완하여 말씀드려서 전체적으로 큰 후회는 남지 않은 면접이었습니다!

영어 면접

영어 면접은 15분 정도 일대일로 진행됩니다. 영어로 면접을 본다니....정말 당황했지만 준비해보자....하며 예상 질문들을 준비했습니다.

자기소개
지원동기
마지막 할 말
어떤 업무 하고 싶은지?
취미
장단점
인턴 경험
지원한 분야에 대해 아는 것
전공에 대해 설명

요런 질문들을 준비했었는데,,, 정말 예상치 못 한 부분에서 15분 내내 대화했습니다.

면접관님께서 아이스브레이킹 느낌으로 학교 다니고 있는지와 같은 질문들을 주셨는데, 이때 다니고 있고 수업을 딱 하나 듣고 있다고 말씀 드렸어요. 또한, 어떤 수업인지와 유치원 관련 앱을 만들고 있다고 말씀드렸더니 면접관님께서 이 부분에 딱 꽂히셔서...유치원 앱으로 15분 내내 대화했답니다....

키즈노트가 이미 있는데 어떤 차별점이 있는지부터 시작해서, 질문이 기억도 안 날 만큼 프리스타일로 대답했습니다..

그래도 영어 면접의 비중이 크지 않다고 들어서! 망했지만 별 걱정은 안 하고 있었어요ㅎㅎㅎㅎㅎㅎㅎㅎㅎ

PT 면접에서 큰 후회가 남진 않았지만, 아주 잘 본 면접은 아니라고 생각해서 합격할 거라는 기대는 크게 하지 않았습니다.

그런데 그거 아시나요..? LG는 전형에 합격하면 "안내문이 게시되었습니다", 불합격하면 "결과 발표가 게시되었습니다." 라는 문자가 온다는 것을..(아닐 때도 있음)

저는 안내문이 게시되었다는 문자를 받고 띠용하며 결과를 확인하러 들어갔습니다.

정말 운이 좋게도 저를 포함해 면접 스터디원 4명이 모두 1차 합격했네요~~

2차 면접

2차 면접은 마곡에 위치한 LG사이언스파크에서 진행되었습니다. 따로 스터디는 구하지 않았어요. 또한, 타사 최종 면접을 응시한 이후라서 그때 준비했던 인성 면접을 기반으로 LG전자에 대해 좀 더 공부하며 준비했습니다!

면접 당일, LG사이언스파크 내부로 들어가서 로비같은 곳에 있는 소파에 앉아서 대기했습니다. 조금 기다리니 안내자분께서 안내해주셨습니다. 카메라에 보안 스티커를 붙여야 하더라구요! 그리고 검색대를 지나서 면접 대기 장소로 이동했습니다.

면접은 2대2로 진행됐습니다! 임원 면접일줄 알았는데 인사팀 한 분과 실무진 한 분께서 대기하고 계시더라고요. 약 50분 정도 진행됐고, 제가 받은 질문들은 아래와 같습니다!

자기소개
학부 수업 중 재밌었던 수업과 별로였던 수업
자신있던 과목과 관련된 프로젝트에 대해 설명해봐라
이론 위주의 수업이 힘들었다고 했는데, 이론도 사실 중요하다. 어떻게 생각하는지?
학부 수업 때 과제를 해결하기 위한 공부를 했는지, 교과서 처음부터 정독하는 공부를 했는지?
친구들로부터 어떤 말을 자주 듣는지?
스트레스 해소법
마지막 할 말 (이때 갑자기 준비했던 말을 하다가 중간에 기억이 안 나서....얼타다가 면접관님들께서 더 질문해주심)
플랫폼 기업을 언급했는데 플랫폼 기업이 뭔지?
webOS가 뭔지?
입사 후 어떤 분야 개발하고 싶은지?
ui/ux 분야만 파고 싶은지? 아니면 다른 분야도 하고 싶은지?
ui/ux 전문가가 됐다고 가정할 때, 필요한 역량은?
자신은 10점이라고 생각하는데, 주변에서 5점이라고 평가한다면?
가치관
새로운 도전을 했던 사례?

실무진 면접관님이 계시긴 했지만, 기술 위주의 질문은 많이 나오지 않았습니다. 전반적으로 무난하게 잘 말했다고 생각했는데 옆에 분이 말을 진짜 조곤조곤 잘 하시더라고요!

저는 마지막 할 말에서 중간에 저는 바람에..망했다고 생각했지만, 이후에 면접관님들께서 질문을 몇 개 더 해주셔서 어느 정도 커버해서 다행이었습니다!

면접 분위기는 정말 좋았습니다. 친절하시고 잘 웃어주시고 잘 들어주시는!

모든 사업부가 다 그런지는 모르겠지만, 제가 지원했던 HE사업본부는 결과 발표 전에 채용 검진을 진행해야 했습니다. 그래서 피뽑 후 대기하고 있었는데,,,,재검사 소견을 받았습니다,,,,

더 가고 싶었던 회사에 합격하게 되어서 재검사는 진행하지 않겠다는 메일을 보냈고, 당연히 최종 탈락했습니다.

비록 탈락했지만, LG전자 취업 준비를 통해 인적성 검사도 제대로 공부해보고 면접 경험도 쌓고 다양한 분들과 교류하는 등 여러 경험을 할 수 있어서 정말 좋았습니다.

이 글을 보시는, LG전자 취업을 원하시는 분들도 잘 준비하셔서 원하는 결과 얻으셨으면 좋겠습니다!

이만 글을 마치겠습니다.

[취업] 농협정보시스템 취준 후기

이준수 — Mon, 18 Dec 2023 23:01:07 +0900

농협정보시스템에 지원했다가 면접에서 떨어진 후기를 작성해볼게요ㅋ

채용 프로세스

채용 과정은 3가지로 구성되어 있습니다.

서류 전형 및 1차 인적성 -> 코딩 테스트 및 필기 시험 -> 원데이 면접

특이한 점은 인적성을 2번 본다는 점이었네요!

서류 전형

자소서

자소서 문항은 총 4개였습니다.

성격의 장단점
IT 보유 역량
성공 및 실패 경험
지원 동기 및 입사 후 포부

다른 기업들과 마찬가지로 무난무난한 질문들이었고, 특히 4번 문항에서는 농협정보시스템이 개발한 서비스를 언급하면서 내가 회사에 기여하고 싶은 부분과 연관지어 작성했습니다.

4개의 문항 모두 500자 이내로 작성해야 해서 글자수를 줄이는 게 일이었던 기억이 있네요. 자소서를 써보기 전에는 글자수가 적은 게 좋은 건줄 알았는데, 정확히 반대였다는 걸 깨달은 나..

사실 저는 자소서 첨삭을 한 번도 받지 않아서 잘 쓴 자소서인지는 솔직히 모르겠어요,, 글자수가 적기도 해서 여러 경험들에 대해 간략히 작성하여 면접관님들이 면접에서 관련 질문을 하실 수 있도록 작성했습니다!

1차 인적성

온라인으로 기한 내에 인적성을 응시하면 됩니다. 이후에 오프라인으로 2차 인적성도 응시하기 때문에 거짓되지 않고 솔직하게 답변하거나 ~~자기 자신까지 속일 인격체를 만들거나..~~ 해서 일관성을 유지하는 게 가장 중요할 것 같습니다.

문항별로 시간 제한이 있었는데, 저는 그냥 바로바로 생각나는 걸 솔직하게 답변했어요! 인적성인데 그냥 인성 검사였던 것 같아요

결과가 언제쯤 발표되었는지는 정확히 기억나지 않지만, 대략 2주 정도 뒤였던 것으로 기억합니다.

필기 전형

필기 전형은 코딩 테스트와 필기 시험으로 구성되며, 필기 시험은 2차 인적성 + ncs + 전공 시험으로 구성되어 있습니다.

또한, 코딩 테스트와 필기 시험을 합산하여 평가합니다.

코딩 테스트는 프로그래머스에서 PCCP를 응시했습니다. 이걸 한 번 따놓으면 PCCP를 인정해주는 다른 기업에서도 써먹을 수 있는 것 같더라고요!

정말 부끄럽지만 저는 1000점 만점에 300점이었나..굉장히 낮은 점수로 코딩 테스트를 불합격했습니다ㅋ.. 그래서 다음 날에 진행되는 필기 시험에 가지 말까 진지하게 고민했어요.. 인천러에게 여의도란 너무 멀다

그래도 한 번 경험해보자는 생각으로 응시하러 갔는데, 신의 한 수였습니다ㅎㅎ

일단 저희 교실엔 미응시자가 절반이었고, 다른 교실도 상당히 많은 것 같았어요.

2차 인적성 역시 1차와 동일하게 인성 검사였고, 어려움 없이 응시했습니다.

ncs는 살면서 처음 응시했는데, 50문제 전부 국어 비문학 문제를 푸는 느낌이었습니다.. 저는 시간 안에 35개 정도 풀고 제출했네요

전공 시험은 정처기를 공부하셨던 분이라면 수월하게 푸실 수 있을 거예요. 전 아니라서 거의 다 찍음..

암튼 진짜 개망한 시험이었고 좋은 경험했다~ 라는 생각으로 시험 끝나고 나눠준 샌드위치를 여의도 한강 공원에서 혼자 먹었어요.

눈치 없게 맛있더라고요

암튼 그렇게 별 기대 안하고 있었는데, 응시 2일 후에 결과 발표가 났습니다.

????????

진짜 붙을 줄 예상 못했고, 면접이 당장 2일 후인 것도 예상 못했어요

우당탕탕 합격

원데이 면접

실무진 면접과 임원 면접이 원데이로 진행됩니다.

면접까지 올 줄 정말 예상 못해서 어떻게 준비를 해야하나 급하게 찾아봤는데.. 농협에 대한 로얄티를 정말정말 중요하게 보는 것 같더라고요!

농협법에 대해 질문한다는 얘기를 듣고 충격..먹고 일단 공부함

면접 스터디를 따로 구하진 않았고 구할 시간도 없었어요

몇몇 지하철역 출구 근처에서 셔틀 버스가 픽업하러 와서 저는 이걸 타고 면접장으로 갔습니다!

실무진 면접

실무진 면접은 다대다로 진행됩니다.

면접관은 5, 6명 정도였던 거로 기억하고, 면접자는 6명인데 한 명이 결시여서 5명?이었던 걸로 기억해요

면접장에 들어갔을 때 처음 들었던 생각은 "면접관과의 거리가 너무 멀다" 였습니다.

정말 앞에 책상도 없는 의자에 앉아서 저 멀리 떨어진 면접관님들과 대화하는 게 굉장히 낯설었어요.

제가 받은 질문들을 대충 아래와 같습니다!

자기소개
농협법과 농협에 대해 아는대로 말해라
si와 sm 중 어떤 업무 하고 싶은지?
존경받는 책임자 vs 일 잘하는 책임자 중 무엇이 되고 싶은지?
캄테크가 뭔지 아나?
자소서 관련 질문

진짜 소문대로 농협법을 물어보셨습니다...1조 1항에 대해 대답했고, 농협에 대해서는 어...하다가 다음 차례로 넘어갔습니다. 사실 이때 떨어졌음을 직감했어요ㅋㅋ 캄테크는 진짜 처음 들어봤고, 나머지는 무난무난하게 대답했습니다.

실무진 면접이 끝나고 임원 면접 전에 약간의 텀이 있었습니다. 이때 채용담당자분께서 엄청난 말씀을 해주셨습니다.

"예전에는 농협정보시스템에 코딩 테스트 전형이 없었다. 생긴지 얼마 안 된 전형이라서 코딩 테스트 결과는 참고만 했고, 합격 여부에 반영하지 않았다. 그런데 사람들이 필기 시험에 너무 많이 안 와서 놀랐다."

진짜 필기 시험 응시한 게 신의 한 수...

임원 면접

임원 면접은 실무진 면접을 함께 응시한 면접자분들과 함께 응시합니다. 총 5명의 면접관님들이 계셨던 거로 기억해요.

처음엔 가볍게 오는 데 힘들지 않았냐, 밥은 먹었냐와 같은 질문을 해주셨습니다.

저는 굉장히 해맑게 셔틀 버스 타고 와서 편하게 왔다고 대답했습니다. 그러더니 가운데 앉은 우두머리로 추정되는 분께서....

"아 셔틀 타고 오셨어요? 그럼 지원 동기가 어떻게 되나요?"

라고 기습 공격을 하셨어요.

진짜 너무 당황해서 머리가 새하얘졌고, 잠시 멈춰있다가 대답했습니다.

이외에 제가 받았던 질문은 아래와 같습니다!

당사에 대해 아는 것
농협에 대해 많이 공부하신 것 같은데, ~~에 대해 아는지?
당사의 최근 사업에 대해 말해봐라
최근 본 책 중 최악인 거? (책을 안 본다고 대답함ㅋ ㅋㅋ ㅋㅋㅋ)
그럼 주로 집에서 시간 어떻게 보내는지? (게임)
온라인 게임? PC 게임? (둘 다 하는데 경쟁 안 하고 편하게 할 수 있는 게임.. 걍 지가 지 무덤을 팜)
경쟁을 싫어하나? (이럴 줄 알음)
자소서 기반 질문

그냥 완전히 말아버린 면접이었습니다. 이미 실무진 면접에서도 예상했고, 임원 면접 후엔 확신했습니다.

결과는 4일 후에 발표되었습니다.

가슴 아프니까 여기까지만..

합격했으면 타 기업 최종 면접 주에 첫 출근이었으니.. 오히려 좋아

비록 떨어졌지만, 소중한 면접 기회 그리고 면접비를 얻을 수 있었던 좋은 경험이었습니다!

정말 면접 기회는 다다익선입니다 여러분

농협정보시스템 취업을 준비하시는 분들에게 조금이나마 도움이 되기를 바라며 글을 마치겠습니다.

읽어주셔서 감사합니다!

[취업] 뷰웍스 최종 합격 후기

이준수 — Sat, 16 Dec 2023 10:19:34 +0900

뷰웍스 취업을 준비하시는 분들을 위한 간단한 합격 후기를 작성해보겠습니다!

채용 프로세스

채용 과정은 3가지로 구성되어 있습니다.

서류 전형 -> 역량 테스트 -> 원데이 면접

서류 전형

우선 저는 1지망에 SW개발, 2지망에 개발QA에 지원했습니다.

다른 기업들과 다르게 뷰웍스의 자소서는 간단했습니다. 자신의 역량을 20,000자 이내로 작성하는 문항만이 있었습니다.
사실 다른 기업 자소서에 썼던 가치관과 필살기 경험들을 복붙하는 느낌으로 작성해서 그리 오랜 시간이 걸리지 않았던 것으로 기억해요ㅋㅋ 저는 3,300자 정도 작성했었네요!

그래서 큰 기대를 하지 않았었는데, 서류 합격을 하게 되어 기뻤습니다ㅎㅎ
(발표일이 아마 금요일이어서 다른 기업들 광탈했던 걸 이거로 위로 삼았던 기억ㅋ)

역량 테스트

역량 테스트는 3가지로 구성되어 있습니다.

적성 검사(60분) -> 인성 검사(60분) -> 문제해결력 테스트(60분)

오프라인으로 오전에 진행하기 때문에 굉장히 일찍 기상했었어요...
역시 인성 검사는 따로 대비하지 않았고, 적성 검사 또한 당시 LG Way Fit 테스트를 준비하고 있었기 때문에 따로 대비하지 않았습니다!

적성 검사는 4개의 파트에 대해 파트당 20문제를 15분씩 풀어야 했습니다. 시간이 부족했던 파트도 있고, 다 풀었던 파트도 있었습니다. 크게 어려운 부분은 없으나 시간이 부족할 수 있을 것 같네요!

인성 검사는 솔직하게 응답하면 되기 때문에 시간이 많이 남았던 걸로 기억합니다.

문제해결력 테스트는 영어 지문을 읽고 지문에 대한 문제를 푸는 시험이에요! 나중에 면접 준비하면서 찾아보니 대표님께서 직접 출제하신다는 ㄷㄷ

제가 응시했을 때는 지문 내용을 바탕으로 조건에 맞는 그림을 그리는 문제가 출제됐습니다! 문제 유형은 바뀔 수 있으니 영어 독해 능력이 중요하다고 생각합니다. (참고로 면접 때 관련 질문이 들어옵니다,,)

이날 다른 대기업들 전형이 많이 겹쳐서 반마다 결시 인원이 몇 명씩 있었습니다.

약 2주 정도 기다리니 결과가 발표됐습니다! 합격 ㅎㅎ

원데이 면접

뷰웍스는 실무진 면접과 임원 면접을 하루에 진행합니다.
따로 면접 스터디를 구하진 않았어요!

면접 당일 뷰웍스 본사에 도착하니 인사담당자 분께서 맞이해주셨습니다. 면접 준비할 때 찾아봤던 유튜브 영상에 나오셨던 분이어서 괜히 내적 친밀감을 느끼며 안내 받았습니다^^..

면접자 전원이 동일한 시간에 와서 기다리는 게 아니라 자신이 배치된 시간에 도착하도록 배려해주셔서 오래 기다리지 않았습니다.
같이 면접 보게 될 분과 대화를 나누며 시간을 보내다 보니, 이제 이동할 거라고 하셨네요.

실무진 면접

실무진 면접은 일대다로 진행됩니다.
따로 면접장이 있는 게 아니라 근무하시는 사무실 내에 위치한 회의실?로 추정되는 공간에서 진행됐어요!
그곳에 들어가니 4명의 면접관님들께서 앉아계셨습니다. 제가 받은 질문들을 대충 아래와 같습니다!

자기소개
시간 관련 함수 질문 (나는 JS를 사용해서 setTimeout 대답)
pc가 렉 걸려서 너무 오래 기다리게 된다면? (api 호출 시 timeout을 걸어놨던 경험을 말했는데, 동문서답인건가 잘 모르겠음)
C나 C++에 대한 경험은? MFC 사용해봤는지?
html, js 등 여러 언어를 사용한 이유?(이 질문에서 면접관님이 이쪽에 대해 잘 모르신다는 느낌을 받음. 아마 C, C++을 사용해서 그럴듯..?)
프로젝트를 많이 진행했을 텐데, 적힌 거 외에 자신이 주도했던 경험?
QA가 어떤 업무를 하는지 아는가?(2지망에 개발QA 직무 썼음)
에러를 잡기 위해 어떤 노력했는지?
코드리뷰와 QA의 차이?
코드리뷰와 QA 중 뭐가 중요할까?
레지스터가 뭔가?
힙과 스택의 메모리적 관점에서의 차이
cpu, 메모리 등 구조 설명
어느 분야에서 일하고 싶은지?

사실 나머지 질문은 무난하게 대답했지만, 11~13 처럼 OS 관련 질문은 제대로 대답하지 못했습니다. 이미 지나간 일이니 임원 면접이나 잘 보자! 라는 생각으로 깔끔하게 잊었습니다.

임원 면접

임원 면접은 다대다로 진행됩니다.
면접 진행 전 대기실에서 같이 대기했던 분들과 함께 들어갔습니다. 면접장에 들어가니 가운데에 대표님이 앉아계셨고, 총 6~7명의 면접관님들이 계셨던 것으로 기억합니다!

제가 받았던 질문은 아래와 같습니다!

자기소개
본인 전공에 진학한 계기와 들어와서 느낀점
외주 당시 회사측의 의도와 맞지 않을 수도 있는 등 소통 문제가 있었을 것 같은데, 이를 어떻게 해결하려 했는지?
공백기 때 뭐했는지? (사실 공백기는 없고 부분학기+추가학기로 학교 1년 더 다니고 있는 졸예생임)
도전하는 걸 좋아하는데, 사실 일하면서 이러한 자세는 안 좋을 수 있다. 어떻게 생각하는지?
영어 시험(역량 테스트) 관련 질문.. (내가 당시 문제를 잘못 이해하고 풀이한 듯ㅋ)
어느 분야에서 일하고 싶은지?
마지막 어필

임원 면접은 잘 봤다고 생각했습니다!(역량 테스트 당시 문제를 잘못 풀이했다는 찝찝함을 제외하고는ㅎ)
다른 분들에 비해 말도 잘했다고 생각했고, 이때 뭔가 붙을 거 같다는 근자감이 생기기 시작,,

특히 실무진 면접과 임원 면접 둘 다 어느 분야에서 일하고 싶은지에 대한 질문을 하셨는데, 저는 이에 대한 대답을 잘했다고 생각했어요. 제가 쌓아온 역량과 해당 분야에서 일하게 될 때의 내가 얻을 수 있는 것에 대해 말씀드렸습니다.

결과는 2주 뒤에 발표되었습니다!

사실 합격 결과는 하나은행 연수원 내에서 통보받았기 때문에.. 확인하자마자 입사 거절 메일을 보냈습니다ㅜㅜ

TMI

잠시 후에 모르는 번호로 전화가 왔는데 연수 중이어서 받지 못했습니다.(급하면 문자로 다시 남기시겠지..하는 생각으로)

다음 날에 같은 번호로 또 전화가 와서 쉬는 시간에 회신해보니 뷰웍스 채용담당자분이셨어요 ㄷㄷ 입사 포기 관련해서 전화주셨던 것..

아무튼 이렇게 뷰웍스와의 최종 인연은 맺지 못하게 되었지만, 좋은 경험이었습니다! 앞으로 뷰웍스 입사를 준비하시게 될 분들이 조금이나마 도움이 되시기를 바라며 이만 글을 마치겠습니다.

읽어주셔서 감사합니다!

[취업] 하나은행 디지털 최종 합격 후기

이준수 — Fri, 15 Dec 2023 22:10:26 +0900

정말 운이 좋게도 첫 취준에 최종 합격 소식을 받게 되었습니다!!

하나은행 입행을 목표로 하시는 미래의 후배 분들을 위해 솔직한 후기를 남기고자 합니다!

채용 프로세스

채용 과정은 크게 4가지로 구성되어 있습니다.

서류 전형 -> 코딩 테스트 -> 실무진 면접 -> 최종 면접

서류 전형

자소서를 작성할 때 주로 면접왕 이형 유튜브를 참고했습니다.
필살기 경험들에 대해서 본인이 어떤 액션을 취했고, 이를 통해 배운 점과 이러한 역량을 당행에 어떻게 기여할지에 대해 작성했습니다.

또한, 하나은행 내에 시행되고 있는 여러 제도들을 알아보면서 입행 후에 어떻게 성장할 것인지를 생각해 봤습니다.
사실 전 자소서 첨삭을 따로 받지 않았는데, 지금 생각해 보면 무슨 생각으로 그랬는지... 용감했던 것 같네요
면접왕 이형 유튜브와 "자소서 바이블"이라는 책을 구매해서 준비했는데 도움이 많이 된 것 같아요! ~~(광고 아님)~~

또한, 인성 검사를 진행해야 합니다! 인성 검사는 사실 준비 방법이랄 게 없고 그냥 솔직하게 답변하면 되는 것 같아요. 억지로 좋은 쪽을 고른다기 보다는 앞에 나왔던 질문이 조금 다른 말로 뒤에서도 나오기 때문에 이에 대한 "일관성"을 유지하는 게 가장 중요하다고 생각합니다!

코딩 테스트

코딩 테스트는 알고리즘 2문제와 SQL 3문제로 구성되어 있었습니다.

이전 후기들을 찾아보니 알고리즘 4문제 + SQL 1문제였다고 하던데 이번에는 형식이 살짝 달랐네요! 사실 저는 코딩 테스트 준비를 남들에 비해 많이 한 편이 아니어서 걱정이 되었습니다. 그래서 SQL 문제도 출제된다는 소식에 오히려 좋았던..!

알고리즘은 평소에 조금씩 준비하던 실력으로 응시했고, SQL은 프로그래머스의 SQL 고득점 킷을 풀어보며 대비했습니다.

저는 알고리즘 1솔, SQL 2솔을 했습니다. 시간이 좀 더 있었거나 디버깅이 가능했다면 알고리즘도 2솔했을 것 같아서 아쉬움이 남았습니다.

결과는 합격!

코테 합격자분들 중에 2솔하신 분들도 꽤 계셨는데, 컷이 엄청 높진 않았던 것 같아요.

실무진 면접

실무진 면접은 청라에 위치한 하나글로벌캠퍼스에서 진행되는데, 인천러인 저로서는 오히려 이득이었습니다ㅎㅎ

진행 과정은 BEI 면접 + PT 면접 + HVI 면접 3가지 프로세스로 진행됩니다.

처음에 이 소식을 들었을 때 깜짝 놀랐었는데.... 막상 면접을 가보니 시간이 정말 빨리 가더라구요

PT 면접을 해본 적이 없어서 면접 스터디를 꼭 구해야겠다고 생각했습니다. 그래서 오픈 카톡방에서 모집 중이던 스터디에 참여했습니다.

사실 필기 전형 발표와 실무진 면접 날짜 사이에 텀이 너무 짧아서 준비할 수 있는 시간이 별로 없었습니다. 그래서 매일 각자 PT 주제 하나씩을 선정해서 준비해온 후 이를 발표하는 식으로 진행했습니다. 하루는 서로의 자소서를 보고 예상 질문을 뽑아주기도 했어요!

그리고 대망의 면접날...

BEI 면접

BEI 면접은 일반적으로 생각하는 타 기업의 1차 면접과 유사하다고 생각했습니다.

면접관 3명, 면접자 7명으로 구성되어 70분간 진행되었습니다.

제가 받았던 질문은 아래와 같습니다!

공통 질문

1분 자기소개
하나원큐 앱의 장단점?
디지털 전환에 따라서 하나은행이 어떻게 해야 할지?
마지막 할 말

개인 질문

인턴 활동 관련 질문들
게임 관련 서비스 개발했던 경험
실패한 프로젝트에 대한 질문

하나은행의 실무진 면접은 수백명의 사람들이 참여하다보니 굉장히 체계적으로 진행되었는데요! 따라서 면접장도 여러 개였고, 각 면접장의 분위기가 달랐습니다.

제가 참여했던 면접장은 면접관분들께서 저희 얘기를 잘 들어주시고 가끔 웃어주시기도 해서 나름(?) 편안한 분위기에서 진행되었다고 생각합니다!

그런데 바로 옆 면접장은 진짜 활발하게 진행되는 것 같더라구요ㅋㅋ 큰 웃음소리도 종종 들리고 해서 긴장이 빨리 풀리셨을 것 같은!

70분이 굉장히 길 것 같지만, 중간에 물도 마실 수 있고.. 시간이 굉장히 빨리 갔어요

면접장에 들어가기 전에 한 줄로 문 앞에서 대기하는데, 이때가 가장 떨렸고 막상 들어가니 긴장이 풀렸습니다ㅎㅎ

PT 면접

PT 면접은 2개의 주제가 주어지고, 30분 동안 2개의 주제를 모두 준비해야 했습니다. 제가 받은 주제는 아래와 같습니다!

하나은행에 슈퍼앱을 적용하는 방안과 이에 대한 우려점
하나은행이 퍼블릭 클라우드와 프라이빗 클라우드 중 어떤 걸 사용해야 하는지와 이에 대한 장단점

이후 면접장에 들어가서 7분 동안 PT 발표 후 8분 동안 질의응답이 진행됐습니다. 다대일로 진행되고 면접관은 세 분이셨어요.

PT 면접은 처음이라 막막했는데, 면접 스터디와 강민혁님의 PT 면접 준비 영상을 보면서 준비한 것이 정말 많은 도움이 되었습니다!

아무튼 면접장에 들어가면 앞에 시계가 놓여있어서 발표하는 동안 얼마나 지났는지 확인할 수 있었는데, 저는 발표를 마치고 나니까 5분 정도 밖에 안 지났더라고요..ㅋㅋㅋㅋ 10분 동안 질문받을 거 생각하니까 속으로 진짜 아찔했습니다.

발표하면서 제가 말했던 내용을 기반으로 꼬리 질문을 이어가는 식으로 진행됐는데, 정답이 있는 질문은 아니고 본인의 생각을 조리 있게 잘 말하는 게 중요하다고 생각했습니다.

한 12~13분 정도 지났는데 면접관분들께서 더 이상 질문이 없으시다고 조금 빨리 마쳤어요. 중간에 잠시 생각 정리 후 대답한 질문 하나 말고는 무난하게 잘 대답했다고 생각했습니다.

HVI 면접

HVI 면접은 일대일로 진행됩니다. 실무진 면접 전형 중 하나이지만 사실상 인성 면접과 유사했어요. 컨셉은 카페에서 편안한 분위기로 진행되는 면접이라고 해요! 그래서 면접장에 들어가면 잔잔한 노래가 나오고 푹신한 소파에 앉아서 면접이 10분간 진행됩니다. 사실 그것도 면접이었기 때문에 마냥 편하진 않았어요ㅋㅋㅋㅋㅋ

하나은행의 value와 지원자가 일치하는지를 확인하는 면접이라서 저는 면접장에 들어가기 전에 하나은행의 핵심 가치 6개를 전부 외우고 이에 관련한 경험도 준비했었는데요. 준비한 내용이 하나도 안 나와서 그냥 프리스타일로 솔직하게 다 대답하고 나왔습니다ㅋ.. 그래도 면접관님이 굉장히 잘 웃어주시고 잘 들어주시는 분이어서 좋았습니다!

면접이 끝난 후

실무진 면접 전형을 모두 마치게 되면, 다른 면접자들이 마칠 때까지 라운지에서 휴식을 할 수 있어요!

라운지 2층에서 찍은 사진

여기가 라운지 1, 2층이에요! 지하에는 오락실도 있고 3층에는 카페가 있었는데....진짜 입행하고 싶다는 생각이 들었습니다.

그리고 간식도 나눠줘서 편하게 쉬면서 먹었습니다ㅋㅋ 저는 정장을 입고 가서 구두를 신었는데, 슬리퍼도 나눠줘서 갈아신고 편하게 쉬었어요

면접 끝나고 먹은 샌드위치

TMI 1

네컷 사진을 찍을 수 있는 부스도 있었어요! 6시까지 라운지로 모이라고 해서 2분 전에 부랴부랴 찍은 사진...
2장이 출력돼서 1장은 NPC로 상주하시던 현직자분의 의견으로 부스 벽에 붙여놓고 왔어요.
최합 후 연수원에 다시 가서 사진을 회수하는 서사를 상상했지만.. 막상 연수원에 들어와 보니 부스가 사라져있었다는^^

TMI 2

면접 다 끝나고 버스를 기다리고 있는데 잠시 후라는 버스가 갑자기 사라져서 40분 넘게 기다려야 하는 거예요....그래서 그냥 정류장에 같이 있던 분과 둘이 택시 타고 왔습니다. 진짜 신기한 게 그분이 저랑 사는 곳도 비슷하고, 같은 대학교 동기더라고요! 더 신기한 건 초등학교도 같은 곳 나왔다는…

면접이 끝나고 받은 것들 집에 와서 한 컷 ^^

그리고...합격 소식!
사실 실무진 면접은 나름 잘 봤다고 생각이 들었는데, 막상 합격 소식을 접하니 진짜 가슴이 철렁했어요

최종 면접

실무진 합격의 기쁨을 뒤로하고 다시 현실을 직시했습니다. 끝날 때까지 끝난 게 아니다...정신 바짝 차리자 생각하고 후기들을 엄청 찾아봤습니다. 역시 면접 스터디를 구해서 대비했어요!

스터디는 인성 질문 리스트를 각자 작성하고, 이 질문들 중에 랜덤으로 선택하여 질의응답하는 방식으로 진행했습니다.

최종 면접은 임원 면접입니다. 을지로입구역에 있는 하나금융그룹 본사에서 진행되고, 면접관 4명, 면접자 6명으로 40분 정도 진행됐습니다.

제가 받은 질문은 아래와 같습니다!

공통 질문

1분 자기소개
디지털 소외를 위한 방안
인터넷 은행과 시중은행의 장점 하나씩
디지털 직무여도 영업점 근무를 하게 될 텐데, 이와 관련한 본인의 장단점
마지막 어필

개인 질문

웹 개발 프로젝트를 경험하면서 어려움이 있었을 텐데, 이를 해결하기 위해 뭐가 중요하다고 생각하는지?

면접장 분위기는 정말 좋았습니다. 면접관분들께서 잘 웃으시면서 정말 편하게 대해주셨어요! 또한, 질문의 수가 모두 동일해서 병풍이 아예 없었습니다. 6명의 면접자가 40분 내에 위 질문들을 대답해야 했기 때문에 개인에게 주어진 시간이 정말 짧다고 느껴졌습니다. 실무진 면접 때는 말을 잘했다고 생각했는데, 최종 면접은 더욱 간절해져서 그런지 말을 좀 더듬었어요ㅜㅜ 같은 조원 분 중에 진짜 아나운서급으로 발성과 말을 잘하시는 분도 계셨고, 다른 분들도 다들 말을 너무 잘하셔서 최종 면접은 잘 본 편이 아니라고 생각했습니다. 그래도 면까몰이니 기다려보자..는 생각

이건 면접 끝나고 나와서 찍은 사진인데 그냥 올릴게요

저는 면접을 둘 다 화요일에 봤는데, 발표를 차주 금요일에 해서 정말 시간이 안 가더라고요... 특히나 최종 면접은 더더욱!

그렇게 시간이 지나고.. 드디어 발표가 났습니다!!

하나은행 사랑해요..

연수원 생활

지금은 연수원에서 연수를 받고 있습니다! 2주가 지났는데, 처음 공부하는 것들이 어렵긴 하지만 연수원 생활은 정말 재밌어요! 시설도 진짜 좋고 동기들도 다들 좋은 사람이고 밥이 레전드,, 사진 몇 장 첨부합니다

뷔페식이고 진짜 맛있어요! 연수원에 들어오면 살쪄서 나간다는 소문이 있답니다

이건 숙소에서 찍은 연수원 야경!

이건 우리 조 동기들과 찍은 사진! 6조 최고ㅋ
.
.
.
암튼 남은 기간 동안 동기들이랑 추억 많이 쌓고 일 잘하는 행원이 되겠습니다~~

후기는 여기서 마무리할게요, 읽어주셔서 감사합니다!

[공지] 블로그 이전

이준수 — Sat, 30 Sep 2023 17:41:45 +0900

블로그를 아래 주소로 이전했습니다! 앞으로는 velog에 포스팅할 예정입니다.

https://velog.io/@jzuzzn

jzuzzn (JS' 공부 흔적) - velog

velog.io

[SQL] 주요 문법 1 (feat.Oracle)

이준수 — Fri, 29 Sep 2023 00:35:00 +0900

프로그래머스에서 SQL 문제를 몇 개 풀어보면서 되새겨본 주요 문법을 정리하고자 한다.

이번 글에서는 아래 5가지 문법에 대해 알아보자!

LIKE
TO_CHAR
NOT
IS NULL
ROWNUM

LIKE

부분적으로 일치하는 컬럼을 찾을 때 사용된다. 크게 2가지로 구성된다.

_ : 글자 수를 정해준다.
% : 글자 수를 정해주지 않는다.

몇 가지 예시를 살펴보자.

-- '인천'으로 시작하는 주소
SELECT ADDRESS
FROM FOOD_FACTORY
WHERE ADDRESS LIKE '인천%'

-- '송도동'으로 끝나는 주소
SELECT ADDRESS
FROM FOOD_FACTORY
WHERE ADDRESS LIKE '%송도동'

-- '서울'을 포함하는 주소
SELECT ADDRESS
FROM FOOD_FACTORY
WHERE ADDRESS LIKE '%서울%'

-- '서'로 시작하는 3글자 주소
SELECT ADDRESS
FROM FOOD_FACTORY
WHERE ADDRESS LIKE '서__'

이때 대소문자 구분 없이 모두 조회해야 하는 경우가 있다. 예를 들면, 대소문자 구분 없이 'el'을 포함하는 문자열을 조회해라! 라고 한다면 아래와 같이 구분하면 된다.

UPPER(필드명) LIKE '%EL%'
-- 또는
LOWER(필드명) LIKE '%el%'

TO_CHAR

나는 주로 날짜를 포맷할 때 사용했다. 이 문제를 예시로 들겠다.

2021년에 출판된 인문 카테고리에 속하는 도서 리스트를 찾아야 한다.

그럼 출판일에서 '2021'을 찾아야 한다. 보다시피 PUBLISHED_DATE의 Type은 DATE이므로 이를 가공하기 위해선 CHAR로 바꿔야 하는데, 이때 TO_CHAR을 사용한다.

TO_CHAR은 필드명을 작성한 후에 포맷 형식을 정할 수 있다. 아래 예시를 보자.

TO_CHAR(PUBLISHED_DATE,'YYYY') -- ex) 2021
TO_CHAR(PUBLISHED_DATE,'YYYY-MM-DD') -- ex) 2021-03-21
TO_CHAR(PUBLISHED_DATE, 'YYYY-MM-DD HH24:MI:SS') -- ex) 2021-03-21 13:30:00

여기서 아이디어를 얻을 수 있을 것 같다! 출판일에서 연도만 뽑아내고 이 값이 '2021'인 것만 찾으면 된다.

그럼 문제에서 요구하는 대로 코드를 작성하면 아래와 같다.

SELECT BOOK_ID, TO_CHAR(PUBLISHED_DATE,'YYYY-MM-DD')
FROM BOOK
WHERE TO_CHAR(PUBLISHED_DATE,'YYYY')='2021' AND CATEGORY='인문'
ORDER BY PUBLISHED_DATE ASC

SELECT 구문에서도 TO_CHAR이 쓰였는데, 이는 날짜 포맷을 예시와 맞추기 위함이다.

NOT과 IS NULL

이 2가지는 쉽기도 하고, 함께 쓰이는 경우가 있어서 같이 설명하겠다.

이름에서도 짐작할 수 있듯이 NOT은 부정하는 문법, IS NULL은 NULL인지 확인하는 문법이다.

예시로는 이 문제를 확인해보자!

이름이 있는 동물의 ID를 조회하라고 한다.

NAME의 NULLABLE이 TRUE이므로 NULL 값이 들어갈 수 있다는 뜻이다. 따라서 이름이 있는 동물을 조회하라는 것은 이름이 NULL이 아닌 동물을 조회하라는 말과 같다. 이때 NOT과 IS NULL을 같이 쓰면 해결할 수 있어보인다!

SELECT ANIMAL_ID
FROM ANIMAL_INS
WHERE NOT NAME IS NULL 또는 WHERE NAME IS NOT NULL
ORDER BY ANIMAL_ID

사실 IS NOT NULL로 작성해도 됐네 ㅎㅎ

ROWNUM

말 그대로 ROW의 넘버를 의미한다.

나는 이 문제에서 상위 n개의 필드를 조회할 때 이 개념을 사용했다. DB에서 데이터를 조회하게 되면 ROWNUM이 1, 2, 3, ... 순서대로 매겨지게 된다. 이때 상위 3개의 필드를 조회하라고 하면 ROWNUM<=3인 것만 걸러주면 되는 것이다.

가장 먼저 들어온 동물의 이름을 조회, 즉 DATETIME을 기준으로 오름차순 정렬한 후에 상위 1개의 데이터만 추출하면 된다.

SELECT NAME
FROM ANIMAL_INS
WHERE ROWNUM=1
ORDER BY DATETIME

위처럼 작성하면 될 것 같다!

근데 틀렸다.

ROWNUM은 쿼리가 완전히 수행되기 전, 즉 원래 데이터의 정렬 순서대로 번호를 매긴다.

따라서 DATETIME을 기준으로 정렬되기 전에 출력이 되기 때문에 의도하지 않은 결과가 나온다.

이를 방지하기 위해서 전체 코드를 한 번 감싸야 한다.

SELECT *
FROM (SELECT NAME
FROM ANIMAL_INS
ORDER BY DATETIME)
WHERE ROWNUM=1

참고로 MySQL에서는 LIMIT를 사용하여 아래처럼 쉽게 가능하다고 한다^^..

SELECT NAME
FROM ANIMAL_INS
ORDER BY DATETIME
LIMIT 1

[SQL] JOIN ~ ON과 WHERE의 차이

이준수 — Wed, 27 Sep 2023 21:46:58 +0900

우선, 내가 SQL문을 작성하는 환경은 Oracle이다. 따라서 조인의 종류를 명시하지 않고 그냥 JOIN이라고 작성하면 INNER JOIN을 의미한다.

하나 이상의 테이블이 있으면 이를 조인해서 사용한다. 이때 ON에 조건을 작성한다.

프로그래머스의 과일로 만든 아이스크림 고르기 문제를 통해 되새겼다.

결론적으로 아이스크림의 맛을 조회해야 한다. 이때 조건에서 확인해야 하는 필드는 총주문량, 주성분인데 이 두 필드는 각각 다른 테이블에 존재하므로 두 테이블을 조인해야한다. 두 테이블에서 겹치는 필드는 FLAVOR이므로 ON에는 두 테이블의 FLAVOR가 같다는 조건을 설정해야 한다. 이외 나머지 조건을 적용하면 아래와 같다.

SELECT F.FLAVOR
FROM FIRST_HALF F JOIN ICECREAM_INFO I ON F.FLAVOR=I.FLAVOR
WHERE F.TOTAL_ORDER>3000 AND I.INGREDIENT_TYPE='fruit_based'
ORDER BY F.TOTAL_ORDER DESC

그러나 아래처럼 작성해도 결과가 동일하다.

SELECT F.FLAVOR
FROM FIRST_HALF F, ICECREAM_INFO I
WHERE F.FLAVOR=I.FLAVOR AND F.TOTAL_ORDER>3000 AND I.INGREDIENT_TYPE='fruit_based'
ORDER BY F.TOTAL_ORDER DESC

JOIN ~ ON과 WHERE의 차이가 뭘까?

JOIN ~ ON은 ON에 작성한 조건을 통해 한 번 거르고 조인하는 것이다.

반면에 WHERE는 일단 조인한 후에 조건을 통해 거른다.

즉, JOIN ~ ON은 거르고 조인, WHERE는 조인 후 거른다고 생각하면 된다.

사실 INNER JOIN에서는 결과가 같지만, 다른 조인을 사용할 경우 WHERE을 사용할 경우에 원하는 결과가 나오지 않을 수 있다. 또한, 결과가 같더라도 JOIN에 관한 조건은 ON에 명시하는 게 가독성이 좋다고 여겨지므로 JOIN ~ ON과 WHERE를 잘 구분하여 써야겠다.

[SQL] ORDER BY

이준수 — Wed, 27 Sep 2023 20:19:25 +0900

SQL에서 손을 놓은지 2년이 넘어버려서 정말 다 까먹었다.. 프로그래머스 SQL 문제들을 풀면서 다시 감을 잡고 있다.

ORDER BY

순서를 정렬하는 키워드이다. default 값은 ASC(오름차순)이라서 명시하지 않아도 된다.

내림차순은 DESC를 명시해야 한다.

프로그래머스의 인기있는 아이스크림 문제를 풀며 되새겨본 개념이다.

결론적으로 FIRST_HALF 테이블에서 아이스크림의 맛 FLAVOR를 조회한다. 이때 총주문량을 기준으로 내림차순 정렬하고 총주문량이 같다면 출하 번호를 기준으로 오름차순 정렬하므로 SQL문은 아래와 같다.

SELECT FLAVOR FROM FIRST_HALF
ORDER BY TOTAL_ORDER DESC, SHIPMENT_ID ASC;

[CSS] hover 시 숨겨진 메뉴 보이게 하기 (feat. styled-components)

이준수 — Tue, 22 Aug 2023 23:26:37 +0900

이 글을 통해서 아래 메뉴를 구현할 수 있다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

hover 시에는 컴포넌트가 보이도록, 벗어나면 다시 사라지도록 구현해야 한다.

우선 뼈대를 구성할 건데 styled-components를 사용하여 스타일링했다.

 <div>
   <MenuUl>
     <li>
       <span>일정</span>
       <SubHeader tab="schedule" />
     </li>
     <li>
       <span>커뮤니티</span>
       <SubHeader tab="feed" />
     </li>
   </MenuUl>
</div>

const MenuUl = styled.ul`
  list-style: none;
  display: flex;
  align-items: center;
  gap: 48px;
  position: relative;

  & span {
    cursor: pointer;
  }
`;

ul의 기본 스타일을 없애고, 메뉴 사이에 gap을 줬다.

SubHeader는 각 메뉴에 마우스를 호버 하면 나타나는 서브 메뉴이다. 간단하게 아래와 같이 작성했다.

const SubHeader = ({ tab }) => {
  const getListItems = () =>
    tab === "schedule"
      ? ["개인일정", "공유일정"]
      : ["홈", "알림", "마이페이지"];

  return (
      <SubHeaderDiv>
        <SubTabUl>
          {getListItems().map((name, idx) => (
            <li key={idx}>{name}</li>
          ))}
        </SubTabUl>
      </SubHeaderDiv>
  );
};

export const SubHeaderDiv = styled.div`
  display: none;
  position: absolute;
  top: 100%;
`;

export const SubTabUl = styled.ul`
  list-style: none;
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 0;
  margin-top: 40px;

  & > li {
    cursor: pointer;
  }
`;

SubHeader는 기본적으로 보이지 않고, 마우스를 호버 했을 때만 보이므로 display: none;으로 설정했다.

위 코드에서 유의할 점은 메인 메뉴와 서브 메뉴 사이의 간격을 SubHeaderDiv와 SubTabUl 2개를 이용해서 설정했다는 것이다.

우리는 메인 메뉴의 li 태그에 마우스를 호버했을 때 서브 메뉴가 보이도록 할 예정이다. 만약 둘을 합쳐서 SubHeaderDiv에 top: calc(100% + 40px);를 설정하게 되면 메인 메뉴의 span과 SubHeader 사이에 li 태그에 포함되지 않는 40px의 영역이 생기게 된다. 그 이유는 SubHeaderDiv가 absolute position이기 때문이다.

따라서 top: 100%;로 설정함으로써 메인 메뉴와 붙어있는 선에서 최대한 아래로 내려주고, 추가적인 margin을 SubTabUl을 통해 부여하는 것이다.

이제 마우스를 호버했을 때 css를 설정해야 하는데, 메인 메뉴인 일정, 커뮤니티에 호버했을 때 적용해야 한다.

styled-components로 선언한 컴포넌트에도 적용할 수 있다는 걸 알게 되었는데, 아래와 같이 작성한다.

const MenuUl = styled.ul`

  ...
  
  & > li:hover ${SubHeaderDiv} {
    display: block;
  }
`

사실 메인 메뉴가 아닌 서브 메뉴에 호버 중일 때도 서브 메뉴가 계속 보여야 하는데, 이에 대해 추가 설정을 할 필요가 없다. 왜냐하면 SubHeader가 메인 메뉴의 li 태그 내에 있기 때문이다.

즉, SubHeader가 보이게 되면 li 태그의 영역이 그만큼 늘어나므로 "SubHeader에 호버 == li 태그에 호버"가 된다.

[Jest] png 파일 import error 해결하는 법 ( ({"Object.<anonymous>":function(module,exports,require,dirname,filename,jest){�PNG )

이준수 — Sat, 19 Aug 2023 03:00:44 +0900

테스트 코드를 작성 후 테스트 하던 중 위와 같은 에러를 겪었다. jest는 js나 jsx 이외의 확장자를 가진 파일을 불러올 수 없다.

따라서 png 파일 또한 불러올 수 없다. 이와 관련해서 많이 찾아보고 많은 방법을 시도해 봤다.

실제 이미지를 불러오지 않고 mocking file을 불러오도록 fileMock.js 파일을 생성해 봤고 identity-obj-proxy라는 라이브러리도 설치해 봤는데, 해결되지 않았다.

내 에러를 해결해 준 것은 jest-transform-stub이라는 라이브러리였다!

jest는 기본적으로 non JavaScript asset을 다룰 수 없는데, 이 라이브러리를 설치하면 이로 인해 발생하는 에러를 피할 수 있을 것이다.

문서에 위와 같이 적혀 있는데, 내 에러를 해결해 줄 수 있겠다는 생각에 가슴이 두근거린다.. 문서를 따라 아래와 같이 설정했다.

module.exports = {

	...
    
	transform: {
    
		...
		"^.+\\.js$": "babel-jest",
		".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$":
			"jest-transform-stub",
	},
	
    ...
    
};

에러가 말끔히 사라졌다! 위처럼 설정해도 되지 않는다면, transform이 아닌 moduleNameMapper에 설정해 보면 될 것 같다.

"Syntax Error: Invalid or unexpected token" with .png · Issue #2663 · jestjs/jest

I'm trying to test a simple module, but I'm getting this error: Test suite failed to run /home/matheusml/Projects/react-completo/src/assets/images/dribble-logo.png:1 ({"Object.<anonymous>":function...

github.com

GitHub - eddyerburgh/jest-transform-stub: Jest stub transform

Jest stub transform. Contribute to eddyerburgh/jest-transform-stub development by creating an account on GitHub.

github.com

JS' 공부흔적

[취업] LG전자 취준 후기

채용 프로세스

서류 전형

인적성 검사

인성 검사

적성 검사

코딩 테스트

1차 면접

PT 면접

영어 면접

2차 면접

[취업] 농협정보시스템 취준 후기

채용 프로세스

서류 전형

자소서

1차 인적성

필기 전형

원데이 면접

실무진 면접

임원 면접

[취업] 뷰웍스 최종 합격 후기

채용 프로세스

서류 전형

역량 테스트

원데이 면접

실무진 면접

임원 면접

TMI

[취업] 하나은행 디지털 최종 합격 후기

채용 프로세스

서류 전형

코딩 테스트

실무진 면접

BEI 면접

공통 질문

개인 질문

PT 면접

HVI 면접

면접이 끝난 후

TMI 1

TMI 2

최종 면접

공통 질문

개인 질문

연수원 생활

[공지] 블로그 이전

[SQL] 주요 문법 1 (feat.Oracle)

LIKE

TO_CHAR

NOT과 IS NULL

ROWNUM

[SQL] JOIN ~ ON과 WHERE의 차이

JOIN ~ ON과 WHERE의 차이가 뭘까?

[SQL] ORDER BY

ORDER BY

[CSS] hover 시 숨겨진 메뉴 보이게 하기 (feat. styled-components)

[Jest] png 파일 import error 해결하는 법 ( ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){�PNG )

[Jest] png 파일 import error 해결하는 법 ( ({"Object.<anonymous>":function(module,exports,require,dirname,filename,jest){�PNG )