haranglog haranglog

리스트 : 콘텐츠가 있으면 최근 5건을 불러옵니다.

• [회고] IT 커뮤니티 동아리 SIPE 2기를 마무리하며...

  3월부터 무려 4개월 동안 활동해 왔던 IT 커뮤니티 동아리 SIPE 2기 활동을 마무리했다. 이번 SIPE 2기 활동이 꽤나 알차게 많은 활동들을 해온 것 같고 개발자로서 또 다른 동기부여를 얻을 수 있는 의미 있던 시간이어서 2기 활동을 회고로 마무리해보려 한다.개인적으로 SIPE가 다른 IT 동아리와 차별화된 느낌을 받았던 부분이 기존에 있던 동아리 같은 경우에는 어떤 주제 또는 프로젝트라는 "성장"또는 "개발자로서 해야 하는 무언가" 정도의 포인트에 집중에 있던 반면, SIPE는 "네트워크"를 1순위에 집중하고 있던 점이 굉장히 신선하게 다가왔던 것 같다.1회 차: OTIT 업계의 많은 사람들과 만날 수 있던 SIPE 2기의 첫 번째 시간으로 오리엔테이션을 진행했었다.장소는 성수 엘리스랩. 처음 ..

• [단계 완료] 미니학습지 일본어 학습지 4단계

  어느덧 미니학습지 환급원정대 4단계가 마무리되었다. 벌써 반이나 완료하게 되었는데, 확실히 미니학습지의 도움을 많이 받아서 점점 들리고 있다!! 역시 작지만 반복하고 꾸준히 공부하면 점점 배워가는게 사람인가 싶다. 오랜만에 일본 만화 컨텐츠를 봤는데 생각보다 단어랑 문법이 들려서 놀랐다. 솔직히 본업이 있다보니, 열심히 시간을 많이 투자해서 했던건 아니여서 이게 지금 내가 늘고 있는 건가 싶었는데, 처음 시작했을때랑 나를 다시 돌아봤을때 확실히 늘고있고, 지금도 늘고 있는게 보이고, 이 과정이 신기하다.아쉬운점은 이제 들리기는하지만 말하는게 안나와서 계속 반복해서 말할려고 노력해야할 것 같다. 이게 쉽지 않기도하고 내 노력부족이라..ㅠㅠ 할말없... 이번 4단계에서는 채감상 3단계에서 느꼈던 어려움보다 ..

• [단계 완료] 미니학습지 일본어 학습지 3단계

  미니학습지일본어 환급원정대 3단계가 마무리되었다. 총 8단계 12개월이라는 긴 시간동안 진행되는 환급원정대인데 3단계까지 마무리 되었고, 순조롭게? 진행중이다.2단계도 어려웠는데 3단계에서는 문장의 길이도 늘어나서 더 알아야할 게 많고 단어도 더 숙지가 필요해보였다.이번 3단계에서는 문장을 잇는 것들과 끝나는 형식이 다른 부분들이 많았다.이번 3단계의 배웠던것들은명령을 하거나 요청할 때 사용하는 방법 예를 들어 ~해주세요.현재 하고 있는 행동들을 나타내는 ~ています~해도 될까요? ~해서는 안됩니다. てはいけません~해버렸다. てしまいました~て + から (그 행동을 하고 나서 다음부터)문장을 잇는 ~まえに (~하기 전에)~한 걸 할 수 있어요. ことができます~할 때 ~時보통체에 대한 것들 (과거형, 부정표현..

• [단계 완료] 미니학습지 일본어 학습지 2단계

  미니학습지 일본어 환급원정대 2단계 마무리! 벌써 미니학습지를 수강한지도 3개월이 되었다. 1단계보다 확실히 어려워지고있다. 단어와 문장이 길어지고, 변칙 동사와 부정, 과거형 등을 배웠다. 2단계가 끝나고 느낀점이 있다면, 꾸준히 공부를 한다고한들.. 복습과 말하기 연습을 같이 함께 병행하면서 학습하는게 효율이 좋은 것 같다. 추가로 일본 컨텐츠를 시청한다거나.. 개인적으로 느낀 미니학습지의 장점이라면,,, 학습지에 복습을 할 수 있게끔 연습문제가 있다는 건데, 각 연습문제에서 나오는 단어나 문자들이 이전에 배웠던 단어와 문장으로 이루어진 경우가 많아서 문제를 풀면서 다시 복습할 수 있게 도와준다. 2단계에서 배운 것들 중에 어려운것들 중 하나는 이제 단어와 조사를 가지고 하나의 문장을 만들어야하는데,..

• [단계 완료] 미니학습지 일본어 학습지 1단계

  미니학습지 환급원정대를 신청하고 어느덧 6주가 지나 1단계가 마무리되었다! 시간이 엄청빠르게 지나갔고, 그 시간동안 미니학습지 덕분에 꾸준히 하나씩 해나아가고 있는 것 같다. 나처럼 작지만 꾸준한 습관을 만들어가는 분들이라면 환급원정대 추천! 1단계에서는 히라가나부터 시작해서 인사말과 숫자, 여러 기본적인 단어들, い형용사등 일본어의 기본적인 것들을 주로 배우고 학습했다. 중학교때 배우고 일본어에 일자도 몰랐었는데 그때의 기억들이 새록새록 떠오르면서 재밌게 학습한 1단계가 아니였나 싶다. 미니학습지의 1단계에서 초반에는 너무 간단해서 양이 적다고 느꼈었는데, 뒤로갈수록 이전에 나왔던 단어들과 함께 조합한 문장들이 생각보다 어려웠다. 특히 단어 같은 경우에는 까먹는 경우가 많아서 개인적인 답답합을 느끼기도..

• [회고] 3년차 프론트엔드 개발자 늦은 2023년 회고

  늦어도 너~~~무 늦은 2023년 회고와 2024년 계획을 지금이나마 작성해보려고 한다. 많은 일들이 있었던 2023년은 어땠을까? 계획을 잘 지켰고 열심히 살아왔다고 할 수 있을까라면 물음표 긴 해서 2023년을 반성하는 기분으로 글을 써보겠다. 먼저 2022년에 연말에 세웠던 2023년 계획을 되돌아보자. 벌써 2년 프론트엔드 개발자의 2022년 회고 올해도 어김없이 찾아온 연말 회고 타임! 벌써 3번째 연말 회고이다. 회고는 하면 할수록 자기 객관화에 많은 도움을 준다. 특히 나처럼 머릿속에 생각이 가득 차있고 정리가 안될 때는 생각을 haranglog.tistory.com 2023년의 계획은 얼마나? 1️⃣ Github Daily Commit 계속 유지하기 Daily Commit은 다행히 2023..

• 미니학습지 일본어 환급원정대 언박싱! feat. 일본어 뿌시기 대작전

  계속 일본어 공부를 하고 싶어서 작년에도 돈을 내고 강의를 들었지만 결과는 대실패하였다...ㅠ 언어 공부는 일과 병행하기는 쉽지 않은 것 같다. 회사일 + 사이드 프로젝트 + 개인 공부 등으로 인해 시간관리가 쉽지 않아서 어떻게 하면 작지만 꾸준히 할 수 있을까 생각하다가 2024년 새해도 밝았겠다~ 다시 도전해 보기로 마음먹고 여러 종류의 일본어 관련 강의 / 학습지를 찾던 와중에 미니학습지를 신청했다..! 미니학습지중에서 종류가 많았는데 그냥 신청만 해서는 잘 안 할 것 같아서 환급원정대가 보이길래 신청했다. (사실... 가벼운 학습지 환급원정대도 있었지만.. 유튭 쇼츠는 자신이 없어서 바로 포기.) 거기다! 이것도 뭔가 하다가 포기할 것 같아서 채찍질해 줄 친한 회사 동료분과 일본어 공부를 같이 하..

• 벌써 2년 프론트엔드 개발자의 2022년 회고

  올해도 어김없이 찾아온 연말 회고 타임! 벌써 3번째 연말 회고이다. 회고는 하면 할수록 자기 객관화에 많은 도움을 준다. 특히 나처럼 머릿속에 생각이 가득 차있고 정리가 안될 때는 생각을 글로 정리하면 나를 되돌아볼 수 있고 집중할 수 있게 되어 머릿속을 비울 수 있다. 먼저 2021년에는 어떤 계획을 세웠고 잘 지켰는지 확인해 볼까? 🙄 작년에 세웠던 계획은 잘 지켰어? 🎯 Github Daily Commit 계속 유지하기 Daily commit은 여전히 꾸준하게 유지하고 있다. 올해 daily commit 2년 차가 되어서 회고도 작성했었다. 작년에 힘들면 그만두겠다고 했었는데 아직까지는 할만하다. 역시 습관이 되기까지가 어려운 거지 습관이 되면 매일 양치를 하는 것처럼 당연히 해야 할 일 중에 하..

• 체크인 리얼밸리 - 한기용 멘토링 오프라인 토크 이벤트 정리 및 회고

  이 글은 2022년 10월 11일 화요일에 EO 주관으로 Grepp의 CTO이신 한기용 님의 오프라인 토크이벤트를 참석 후 정리한 내용입니다. 오프라인으로 듣고 작성한 내용이라 잘못된 부분이 있을 수도 있으니 참고해주시고 피드백 부탁드립니다. 아래의 총 3부의 EO 유튜브를 통해서 한기용 님을 알게 되었고 너무 감명 깊게 봐서 오프라인 토크이벤트를 신청 후 참석하게 되었습니다. 해당 유튜브 영상은 토크이벤트 내용의 영상이 아닙니다. 참고해 주세요. EO 한기용님의 1부 (총 3부작) 👉 커리어 성장: 끊임없는 성자과 성숙 커리어는 정글짐 많은 경험들이 상처로만 남지 않으면 도움이 된다. 꼭 위로 갈 필요는 없다. 다양한 역할을 해보자. (리드 역할, 매니저 역할.. etc) 결국에는 혼자서만 일하는 게 ..

• [회고] 주니어 프론트엔드 개발자의 좌충우돌 웹 거래소 런칭기

  이 글은 작년(2021년) 12월부터 올해(2022년) 4월에 카사코리아의 웹 거래소 MVP(Minimum Viable Product) 런칭 과정과 런칭 이후 현재(글 작성일 기준 2022년 9월)까지의 겪었던 회고입니다. MVP 런칭 후 회고를 작성하고 싶었는데 현업과 다른 공부에 우선순위가 밀려 이제야 작성하게 되었다. 제목처럼 나는 2년 차 주니어 프론트엔드 개발자이다. 현재 카사코리아의 프론트엔드 엔지니어로 카사코리아의 전반적인 프론트엔드 개발을 담당하고 있다. 믿기지는 않지만 나는 웹 거래소 개발을 담당하여 초기 세팅부터 런칭까지 과정을 경험을 해봤다. 지금부터 그 경험한 과정과 의사결정 과정 및 어떻게 개발을 진행해왔는지에 대해서 기억을 되새기며 회고를 해보려 한다. 카사코리아란? 시작하기에 ..

• [회고] Github Daily Commit(1일 1커밋) 2년차 그리고..

  이전에 daily commit 1년차 회고를 작성한 적이 있었는데 벌써 2년이 지나서 2년차 회고를 작성합니다. Daily Commit을 한 이유와 해오면서 느꼈던 장단점은 1년차 회고를 참고해주세요. 2년차 회고는 개인적인 회고글입니다. 벌써 2년이 지났어! 😂 시간이 정말 빠르다…. 정신없이 흘러간 거 같다. 처음 프론트엔드 개발에 흥미를 느껴 공부를 시작하게 된 지 2년이 넘은 것이다. 2020년 4월 26일 이후 지금까지 하루도 빼지 않고 daily Commit을 2년간 넘도록 진행해와 버렸다. 프론트엔드 개발 공부를 시작하면서 죽어라 해보자 마음을 먹었었고, 그걸 유지하기 위해서 맨 처음 목표로 잡았던 게 이 1일 1커밋이었다. 누구보다 시작이 늦었다고 생각했었고, 그만큼 더 노력해야 한다고 스..

• 주니어 프론트엔드 개발자의 2021년 회고

  작년도 이맘때에 2020년 회고를 작성했었는데 올해 회고는 작년에 세운 계획이 잘 지켜졌는지와 한 해 어떤 일들이 있었는지에 대해서 회고를 작성하고 2022년도 계획도 크게 세워 볼까 한다. 🙄 작년에 세웠던 계획들은 잘 지켰어? 일단, 작년에 크게 세워보았던 계획이 얼마나 잘 지켜졌나 봐보자. Github 1day 1commit 계속 이어나가기 작년에 세웠던 계획 중에 이게 제일 어렵다고 생각했었는데 다행히도 daily commit은 하루도 빼먹지 않고 유지 중이다. 처음 프론트엔드 공부를 시작했을 때 최소 2년은 하자고 했던 게 벌써 오늘로써 616일째이다. 채워진 잔디를 보면 뿌듯함을 많이 느끼고 있고, 이렇게 꾸준히 해왔기에 개인적으로도 많이 성장했다고 생각한다. 앞으로도 별일이 없으면 계속 꾸준..

• Yarn berry에서 React + Jest + Cypress + TypeScript + Github Actions CI/CD를 세팅해보자

  이 글은 Yarn berry package manager를 사용하여 React 프로젝트에서 초기 세팅하는 방법을 다루고 있으며, 여러 시행착오를 겪어가며 경험한 것들을 토대로 작성한 글입니다.😉 이 글의 목적은 겪었던 시행착오들을 한 번 더 기억을 되새기기 위해서 작성하였습니다. 추가적으로 TypeScript와 프론트엔드 e2e 테스트 프레임워크 Cypress, 프론트엔드 unit 테스트 프레임워크 Jest 세팅과 더불어 Yarn berry에서 Github Actions을 사용해 CI/CD 파이프라인을 구축 후 Github Pages에 배포하는 것까지 담고 있습니다. 이 내용은 각각의 공식 문서를 기반으로 작성되었습니다. 해당 예를 담은 Github Repository를 참고해주세요. 🙄 Yarn ber..

• [회고] 프론트엔드 개발자로서의 첫 발걸음을 내딛다!

  이 글은 프론트엔드 개발자로서 취업 후 작성하는 회고 글입니다! 😉 저의 간단한 배경은 이전에 SI 개발자로 8개월 정도 일한 경험이 있었고 SI 회사에 입사하기 전에 프론트엔드 개발자로 눈이 떴고, 8개월가량 일과 병행하면서 공부를 한 뒤, 퇴사 후 7개월 동안 공부를 더 하고 취업을 하게 되었습니다. 😤 프론트엔드 개발자로 취업하기까지 공부해오며 느꼈던 게 있었어? 프론트엔드 개발자가 되기로 마음먹었던 게…. 작년 4월쯤이었다. 프론트엔드 개발자가 되기로 마음먹게 된 계기는 이전에 작성한 회고 글을 참고! (나는 왜 프론트 앤드를 선택했을까?) 작년 4월부터이니까 1년 반 정도 만에 드디어 꿈꾸던 프론트엔드 개발자로서 첫발을 내딛게 되었다. 그 과정은 그렇게 순탄하지는 않았던 거 같다. 스스로 생각하..

• [회고] Github Daily Commit(1일 1커밋)을 시작한지 1년이 지났다..

  이 글은 의식의 흐름대로 씁니다.. 참고해주세요. 또한, 이 글은 개인적인 회고도 담겨있기 때문에 원하시는 정보가 없을 수도 있습니다. 🤔 이 글을 쓰는 이유? 별 이유는 없지만 두 가지 정도가 있다. 🎈 첫 번째 이유 가장 큰 이유는 1년 동안 무엇을 했고 얼마나 성장했는지에 대해서 자기 회고를 하고 싶어졌다. 사실 제대로 된 프론트앤드 개발은 1Day 1Commit을 같이 시작한 1년 전이기 때문에 같이 회고하는 겸 써도 괜찮을 거 같았다. 또한, 그로 인해서 자기회고도 할 수 있을 거라 믿고 있다. 🎈 두 번째 이유 분명히 이 글을 읽으시는 분 중에 Daily Commit(1일 1커밋)을 시도해보았거나 시도하시고 싶은 분들이 분명 있으실 거로 생각한다. 그래서 1년간 진행하면서 느낀 점과 장점 또는..

• 🤔 Firebase API Key를 공개하는 것이 안전합니까?

  📌 고민하게 된 계기 스터디 모집 개인 프로젝트를 진행하면서 백앤드로 firebase를 사용하게 되었습니다. 사용하면서 API Key이니까 당연히 .env 파일로 관리해야지라고 생각한 뒤 관리를 하게 되었고, 그 후 Ci/Cd를 위해 Github-Action 사용하고 있었고 CI를 진행하면서 .env파일로 인해 테스트가 깨지는 현상이 발생하게 되었습니다. 테스트를 할 때 apikey를 사용하는 부분을 mocking해서 할려고 했었고 고민을 해보았지만 쉽게 진행되지 않았습니다. FIREBASE_API_KEY= "your api-key" FIREBASE_AUTH_DOMAIN = "your auth-domain" FIREBASE_DATA_BASEURL = "your data-baseurl" FIREBASE_P..

• [회고] 2020년을 되돌아보며.. 🧐

  🐣 2020년 1월 ~ 4월 📌 키워드 졸업 국비교육 코로나의 시작 미래에 대한 불안감 올해 학교를 졸업했나 싶을 정도로 오래전 일인 거 같지만 졸업했다. 코로나로 인하여 인생의 마지막인 졸업식이 취소됐다. 😭 학교에 다니며 6년 간(2년 군대) 다니면서 추억도 많았고, 평생 갈 만한 좋은 사람들도 정말 많이 사귀었다. 컴퓨터 공학과를 졸업했고, 공부도 꽤 했지만, 코딩에 코자도 모를 정도였다. 이론적인 수업들과 컴퓨터 개론, 운영체제부터 시작하여 그래픽스, IOT까지 넓은 범위를 얕게 배우다 보니 뭘 해야 할지도 모르겠고 흥미도 전혀 없었다. 하지만 학교의 그런 수업 방식에 불평 안 하고 공부했다는 점에 그래도 지금 와서 보니 꽤 도움이 되는 부분이 알게 모르게 있는 거 같다. 학교 다니기 마지막 학기..

• 코드숨 2기 그 3달간의 여정!

  🙄 어쩌다가 신청하게 됐어? 이직을 계획하고 있었다. 1월 말에 퇴사하겠다고 말했고, 다시 처음으로 돌아간다는 생각으로 프론트엔드 개발자가 되는 데 필요한 결정이었다. 나에게 있어서 공부하는 즐거움을 주고 즐기며 일할 수 있겠다고 확신을 준 프론트엔드 녀석…. 그 녀석으로 인해서 더는 지체할 수 없었고, 이직을 위해서 회사에 다니는 와중에 퇴근 후 공부하기를 매일 반복하였다. 회사보다 퇴근 후가 나의 하루 시작이라고 생각했을 만큼 즐기며 공부하는 와중에 회사의 과장님 추천으로 코드숨을 알게 되었다. 혼자 프론트엔드를 공부하면서 이렇게 하는 게 맞는 걸까? 라는 의문이 들었고, 그 의문을 해결해주기 위해 누군가의 가이드가 필요하다 생각했고, 회사에 다니면서 할 수 있는 점이 가장 매리트를 많이 느꼈던 부분..

• ✔ 우아한 테크러닝 3기: React & TypeScript 8회차(마지막 회차)

  ✌ 9월24일 (목) 우아한 테크러닝 3기 8회차 강의 정리 🚀 8회차 강의 목표 마지막 예제 살펴보기 Mobx 살펴보기 🚀 예제 살펴보기 🌈 React-Router 이 예제는 1년전 예제라 react-router 공식 문서를 참고하며 보기를 바란다. router의 진행 동작은 URL이 바뀌는 것을 내부의 location의 path를 감지해서 해당 location의 주소에 맞는 컴포넌트와 연결시켜주는 간단한 동작이다. 그렇기 때문에 서버 사이드에서 말하는 router와 다르다. 서버 사이드에서는 요청 URI end point path에 따라서 다른 비지니스 로직을 실행하는 컴포넌트를 연결시키는 것이고 여기서의 router는 URL의 변경 사항과 그것과 mapping되는 페이지 컴포넌트들을 연결시켜주는 역..

• ✔ 우아한 테크러닝 3기: React & TypeScript 7회차

  ✌ 9월22일 (화) 우아한 테크러닝 3기 7회차 강의 정리 🚀 7회차 강의 목표 React 에서 컴포넌트 분리 React & TypeScript 예제 훑어보기 🚀 컴포넌트는 어떻게 분할할까? 컴포넌트가 외부 상태에 의존적인 것과 외부 상태와 의존적인 컴포넌트를 분리하는 하는 것은 react의 원칙적인 것이다. 여기서 말하는 외부 상태에 의존적인 것은 비지니스 로직을 의미한다. 비지니스 로직은 상태를 변경하면서 어떤 상태를 어디로부터 어떤것을 가지고 올지와 관련된 코드들을 말한다. 그렇기 때문에 비지니스 로직을 가지고 있는 컴포넌트들은 여러가지 단계로 분리하는데 개별 컴포넌트들한테 데이터를 전달하는 코드들은 container 컴포넌트라고 불리고 이것들을 아래와 같이 containers 폴더에 따로 분리해..