• DEPROMEET(디프만) 후기: 고인물을 지나 썩은물이 되어서야 써보는 IT 동아리 회고 글
    외부 활동

    DEPROMEET(디프만) 후기: 고인물을 지나 썩은물이 되어서야 써보는 IT 동아리 회고 글

    내가 디프만을 시작했던 게 8기, 현재 11기가 끝나가고 있다...! 8기부터 참여했던 사람이 아마 나밖에 없을 것 같기도... 어쩌다 고인물이 되었을까..? 이제 디프만 없이는 못 사는 사람이 된 걸지도... 🤔 디프만은 나에게 꿈의 동아리 같은 느낌이었다. 대학생 나부랭이였던 나에게 현직자와 함께 프로젝트를 해본다는 것은 상상조차 못할 일이었다. 부푼 꿈을 앉고 지원했으나 서류에서 탈락한 적도 있었기 때문에 더욱 더 벽이 높게만 느껴지기도 했다. 2학년이 끝나고 열심히 공부한 것을 바탕으로 8기에 또 지원하게 되었고, 결과는 합격이었다. 엄청나게 기뻤다. 당시 코로나가 크게 유행하기 전이었기 때문에 OT도 엄청나게 기대됐었다. 디자이너와 프로그래머가 만났을 때 대학생 신분으로 혼자서 고군분투했던 때와..

  • AUSG(아우쓱) 후기: 두 기수를 지내며 써보는 IT 동아리 회고 글
    외부 활동

    AUSG(아우쓱) 후기: 두 기수를 지내며 써보는 IT 동아리 회고 글

    요즘 IT가 붐이긴 한가 보다! 아우쓱 지원자도 매 기수마다 기하급수적으로 늘어나고 있다 👀 나는 4기부터 활동하여 현재 6기 모집이 진행되는 현재까지도 열심히 활동하고 있는 일원이다 :) AUSG? 아우쓱은 AWSKRUG University Student Group의 약자다. 혹시 AWSKRUG는 아시는 분이 있으려나..? AWS 한국 사용자 모임으로, AWSKRUG 밑에 소속되어 있는 느낌이면서 대학생들끼리만으로 따로 구성되어 있는 그룹이다. 즉 AWS와 클라우드에 관심 있는 대학생들의 모임인 것인데... 그렇다면 AWS나 클라우드에 대해 잘 알아야 하나요? 그렇진 않다! 사실 나도 하나도 모르고 들어갔기 때문에..ㅎㅎ 심지어 프론트엔드를 막 공부하기 시작할 때쯤 들어갔기에 개발에 대해서도 빠삭한 상..

😎

  • 드디어 컴퓨터공학 척척학사, 나의 4년은 어떠했나
    Life

    드디어 컴퓨터공학 척척학사, 나의 4년은 어떠했나

    입학 나는 경희대학교 컴퓨터공학과에 18학번으로 입학했었다. 사실 컴퓨터공학과에 생각이 있었던 건 아니다. 당시엔 개발 붐이 일어나기 전이었기에, 컴공이라는 과를 떠올리지도 못했다. 수시파 친구들의 경우 생기부와 자소서를 3년 내내 관리해야 하다 보니 자연스레 진로를 일찍부터 고민하게 되는데, 나의 경우 100% 정시파였고 (내신은 거의 4등급 정도 됐었던 걸로 기억한다..ㅎㅎ) 미래에 대해서는 딱히 아무 생각이 없었다. 어떻게든 되겠지~했던 안일했던 나.. 고등학생 시절 제일 좋아했던 과목은 생물이었다. 교육과정에 해당하는 내용 뿐만 아니라 따로 미생물학, 세포학 쪽으로 추가적인 공부를 했을 만큼 관심이 많았다. 생물을 좋아하게 된 계기는 학원 선생님 때문이었지만.. 그래서 그냥 생물학과 가서 연구원을..

  • 경희대 테크 콘서트 강연에 서다
    외부 활동

    경희대 테크 콘서트 강연에 서다

    경희대학교 컴퓨터공학부에서는 최근 TechKHU Concert라는 IT 테크 콘서트를 꾸준히 주최하고 있다. 경희대 컴공 졸업생들이 연사로 참여하여 후배들에게 조언과 팁을 제공하는 자리인데, 어쩌다 보니 내가 연사로 참여하게 되었다 🥲 (남자 동기들이 대부분 과장, 동장을 맡고 있다 보니 자연스레 제의가 들어왔다.) 사실 재학생 입장에서 어떤 이야기들이 도움이 될까를 고민을 해봤지만, 역시나 기술적인 이야기보다는 공부나 취업에 대한 이야기가 더 고프지 않을까 생각이 들었다. 그래서 이전에 오픈부스 컨퍼런스에서 발표했던 내용과 비슷한 이야기를 또 풀어낼 수밖에 없었다. 그때의 발표 내용을 다시 살펴보니, 조금 공격적인 말투도 있었던 것 같고 PPT 자체의 전달력이 조금 떨어진다고 느꼈다. 그리하여 대대적인..

  • 컨퍼런스에서 연사로 서다
    외부 활동

    컨퍼런스에서 연사로 서다

    나는 디자이너 개발자 협업 동아리, 디프만에서 10기 운영진으로 활동했다. 디프만 10기는 참 많은 일들을 했다. 옥토퍼스 로켓과 함께 애자일 코칭을 진행하기도 하고, 핵클과 함께 A/B 테스트 및 운영 세션을 진행하기도 했다. 오픈부스와의 콜라보도 그 중 하나였다. 오픈부스는 온라인 박람회 플랫폼을 운영하는 스타트업으로, 디프만과 공동 컨퍼런스를 주최하고 싶다는 연락이 왔다. 오픈부스 측에서는 디자이너 2명, 개발자 2명으로 구성했으면 좋겠다고 전했다. "할 사람 없으면 제가 하죠, 뭐." 내가 하게 되었다. 아무 생각없이 시작한 일이었는데, 생각보다 큰 이벤트였다. 페이지에 내 사진이 걸리고 티켓도 5,000원 상당의 가격으로 매겨졌다. 대단한 연사 멤버가 아닌데다 오천원도 부담스러울 수 있는 가격이..

  • [인턴 회고] 당근마켓 MVP 인턴십 (9) - 당근마켓과 함께 했던 3개월
    인턴 회고

    [인턴 회고] 당근마켓 MVP 인턴십 (9) - 당근마켓과 함께 했던 3개월

    2021.09.27 - 2021.12.26 동안의 경험에 관한 글입니다. 아마 제 인생 마지막 인턴십이 되겠죠? Minnie로 보냈던 당근마켓에서의 3개월. 새 맥북 기기부터 다양한 당근마켓 굿즈와 사원증까지! 많은 환영을 받았던 인턴 입사였다. 너무 설레는 순간이었다. 날 포함한 18명의 인턴들 모두가 비슷한 감정을 느꼈으리라 생각한다 :) 저엉말 잘 먹었다. 3명으로 이루어진 6개의 팀 당 법인카드가 하나 씩 주어졌다. 당근마켓은 식비 금액 제한이 없기 때문에, 정말 금액에 대한 고민 없이 마음껏 맛있는 식사를 하며 즐겁게 일할 수 있었다. 식사뿐만 아니라 당근마켓에는 층마다 간식 창고가 있는데, 다양한 과자와 음료수가 넘쳐나 하루 종일 배고플 틈이 없었다ㅎㅎ 꿀 같은 도서 지원 복지 중 하나인 도서..

  • [인턴 회고] 우아한테크캠프, 우테캠 4기 후기 (우아한형제들 최종합격!!)
    인턴 회고

    [인턴 회고] 우아한테크캠프, 우테캠 4기 후기 (우아한형제들 최종합격!!)

    2021.07.05 - 2021.08.31 동안의 경험에 관한 글입니다. (공백기는 4-6월입니다.) 정직원이 하고 싶어! 네이버 인턴이 끝나고, 이제 인턴은 더 하고 싶지 않았다. 소속되지 않은 불안감은 생각보다 힘들었고, 정직원으로서 당당하게 스스로를 개발자라고 소개하는 날이 하루빨리 찾아왔으면 했다. 그렇게 4개월 간의 공백기 동안 수많은 도전과 실패를 겪었다. 신입뿐만 아니라 경력 채용 공고에도 서류를 많이 넣었는데, 생각보다 합격률이 높았다. 서류는 NHN과 OPGG를 제외하고는 모두 합격했는데, 당시 서류 합격을 했던 회사들은 당근마켓, 프로토파이, 토스, 원티드, 크래프톤이었다. 크래프톤을 제외하고는(코딩 테스트에서 떨어졌다.) 면접도 1차 면접이나 짧은 전화면접의 경우 무난하게 통과할 수 ..

  • [인턴 회고] 네이버 전환형 인턴 후기
    인턴 회고

    [인턴 회고] 네이버 전환형 인턴 후기

    2021.03.02 - 2021.04.09 동안의 경험에 관한 글입니다. 6주 동안 진행되었던 네이버 전환형 인턴입니다 :) 퇴사가 결정되고.. 3-2의 경우 메가존 클라우드 근무와 학업을 병행했는데, 겨울방학이 끝날 때쯤 더 이상 재학생은 인턴을 받지 않기로 결정되었다는 소식을 듣게 되었다. 하지만 나에게 휴학은 존재하지 않는 선택지였다. 코로나로 모든 대학 강의가 비대면으로 진행되는 꿀 기간을 놓칠 수 없었기도 했고, 적어도 취업계를 낼 수 있는 4-2 전까지는 혹시 몰라서라도 빨리 끝내 놔야 한다는 생각이 컸다. 그렇게 2월 말 퇴사가 확정되면서 다른 회사를 알아보기 시작했다. 그러던 중, 우연히 모집기간이 하루 남은 네이버 채용연계형 인턴 모집공고를 보게 되었고, 하루 남은 걸 발견한 것도 인연이..

  • [인턴 회고] 메가존클라우드에서의 4개월
    인턴 회고

    [인턴 회고] 메가존클라우드에서의 4개월

    2020.11.02 - 2021.02.28 동안의 경험에 관한 글입니다. 벌써 일 년...😢 AUSG에서의 인연을 시작으로 AUSG는 AWS University Study Group으로, AWSKRGU(AWS 한국 사용자 모임) 소속의 소모임이다. 나는 AUSG(아우쓱)에서 4기부터 활동 중인데, 그곳에서 메가존클라우드에 근무하고 계시는 프론트엔드 개발자 한 분과 알게 되었고 인턴 채용까지 이어지게 되었다. (언니 고마오🥺 ) CloudOne에서의 프론트엔드 개발 CloudOne은 메가존클라우드의 CTC(Commecial Technology Center) 부소에 소속된 팀으로, SpaceONE이라는 Multi Cloud에 대한 오픈소스 CMP(Coud Management Platform)를 개발하고 있다..

  • [인턴 회고] 스타트업에서의 5개월
    인턴 회고

    [인턴 회고] 스타트업에서의 5개월

    2020.06.29 - 2020.10.16 동안의 경험에 관한 글입니다. 벌써 2년 전 일이라니...?! 경희대학교 현장실습 모든 대학교가 그렇듯, 경희대학교에도 산학 현장실습 프로그램이 있다. 학기 중에 진행하는 장기 현장실습, 방학 중에 진행하는 단기 현장실습으로 나뉜다. 장기 현장실습의 경우, 한 학기에 학점으로 채울 수 있는 학점보다 낮았기 때문에 나는 단기 현장실습을 선택했다. 현장실습의 경우 3-1을 수료한 재학생만 신청 가능하기 때문에, 3학년 여름방학에 지원하게 되었다. 첫 번째 서류, 첫 번째 면접, 첫 번째 인턴 서류 작성도 처음이었다. 작성할만한 내용이 없었기 때문에 프론트엔드 직군으로 지원했음에도, 해봤던 건 뭐든 죄다 적어 넣었다. 어설픈 서류였음에도 학교 현장실습이었기 때문에 무..

DEV

  • 바닐라JS(TS)로 리액트 SPA 구현하기 | (6) JSX 구현해보기
    개발

    바닐라JS(TS)로 리액트 SPA 구현하기 | (6) JSX 구현해보기

    1. 기본 세팅 2. 클래스로 컴포넌트 구현 3. 클래스로 HashRouter 구현 4. 클래스로 BrowserRouter 구현 5. 간단한 웹 구현해보기 6. JSX 구현해보기 JSX란? React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 마크업과 로직을 모두 포함하는 “컴포넌트”라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리합니다. JSX도 결국엔 표현식입니다. 컴파일이 끝나면, JSX는 JavaScript 객체로 인식됩니다. 이전 글에서, 우리는 마크업과 해당 엘리먼트 내의 로직을 따로 분리하여 코드를 작성했었습니다. JSX를 구현하여 이를 함께 포함할 수 있도록 해봅시다! JSX를 구현한 후, 우리는 컴포넌트 내 렌더함수에서 다음과 같은 형태로 컴포넌트를 작성하게..

  • 바닐라JS(TS)로 리액트 SPA 구현하기 | (5) 간단한 웹 구현해보기
    개발

    바닐라JS(TS)로 리액트 SPA 구현하기 | (5) 간단한 웹 구현해보기

    1. 기본 세팅 2. 클래스로 컴포넌트 구현 3. 클래스로 HashRouter 구현 4. 클래스로 BrowserRouter 구현 5. 간단한 웹 구현해보기 6. JSX 구현해보기 컴포넌트와 라우터가 만들어졌으니, 한번 애플리케이션을 띄워봅시다! src/index.ts import { initRouter, Route } from "./core/BrowserRouter"; // 또는 HashRouter import Main from "./pages/Main"; import Component from "@/core/Component"; import "./scss/index.scss"; import Sub from "./pages/Sub"; const routes: Route[] = [ { path: "/", ..

  • 바닐라JS(TS)로 리액트 SPA 구현하기 | (4) 클래스로 BrowserRouter 구현
    개발

    바닐라JS(TS)로 리액트 SPA 구현하기 | (4) 클래스로 BrowserRouter 구현

    1. 기본 세팅 2. 클래스로 컴포넌트 구현 3. 클래스로 HashRouter 구현 4. 클래스로 BrowserRouter 구현 5. 간단한 웹 구현해보기 6. JSX 구현해보기 이번 글에서는 BrowserRouter를 구현해보도록 하겠습니다! 1. Route 타입 정의 export type Route = { path: string; page: typeof Component; }; 이는 HashRouter와 동일합니다. 2. Router 구조 class Router { $app: HTMLElement; routes: { [key: string]: typeof Component; } = {}; fallback: string = "/"; constructor() {} // 생성자 initEvent() {} ..

  • 바닐라JS(TS)로 리액트 SPA 구현하기 | (3) 클래스로 HashRouter 구현
    개발

    바닐라JS(TS)로 리액트 SPA 구현하기 | (3) 클래스로 HashRouter 구현

    1. 기본 세팅 2. 클래스로 컴포넌트 구현 3. 클래스로 HashRouter 구현 4. 클래스로 BrowserRouter 구현 5. 간단한 웹 구현해보기 6. JSX 구현해보기 라우터를 구현하는 대표적인 방법에는 두 가지가 있습니다. 바로 BrowserRouter와 HashRouter인데요, 이 둘의 차이에 대해 잘 모르신다면 아래의 글을 먼저 읽어주세요 :) [BrowserRouter와 HashRouter, 뭐가 다를까? (feat. React Router)] HashRouter와 BrowserRouter를 모두 구현해 볼 텐데요, 이번 글에서는 HashRouter에 대해 먼저 다루어보도록 하겠습니다. 1. Route 타입 정의 export type Route = { path: string; page..

  • BrowserRouter와 HashRouter, 뭐가 다를까? (feat. React Router)
    개발

    BrowserRouter와 HashRouter, 뭐가 다를까? (feat. React Router)

    CRA로 리액트 프로젝트를 생성하면, 기본적으로 react-router-dom을 사용하게 됩니다. 이 react-router-dom은 두 가지 라우터를 제공합니다. 바로 BrowserRouter와 HashRouter죠. 이 두 개념은 react-router-dom에만 해당되는 이야기는 아닙니다. BrowserRouter는 HTML5의 history API를 사용한 방식이고, HashRouter는 URL의 hash를 사용한 방식입니다. 리액트를 사용하지 않고 직접 라우터를 직접 구현한다 하더라도, 우리는 이 방식 중 하나를 선택할 수 있습니다. react-router 우선은 리액트 라우터에 대해 잠깐 살펴봅시다. SPA가 등장하기 전에는 어떻게 페이지를 이동시켰을까요? 를 사용해서 직접 url을 변경시켰습..

티스토리툴바