본문 바로가기

전체 글34

Git 로그아웃 하기 (windows) 기존에 사용 중인 컴퓨터에서 git 계정을 로그아웃 해야 할 때가 있다. 나는 단순히 제어판에서 git을 삭제하면 git 계정이 로그아웃 되는 줄 알고 삭제하고 다시 설치했는데 git 계정이 그대로 있어서 놀랐었다. 그렇게 해서 검색하면서 git을 로그아웃 했었는데, 그 과정을 블로그에 남기려 한다. 다음 과정은 Window 환경을 기준으로 작성하였다. 나중에 내가 다시 보기 위해 또는 나 처럼 Git 로그아웃 하는 방법을 모르는 분들을 위해 남기는 글 1. 제어판 실행 2. 사용자 계정 클릭 3. 왼쪽 탭에서 자격 증명 관리 클릭 4. Windows 자격 증명 클릭 후 GitHub 자격 증명들 클릭 후 제거 이렇게 자격증명을 삭제 해주면 Git 계정 로그아웃이 완료된다. 2022. 1. 4.
자바스크립트 비동기 처리에 대하여 - 1 자바스크립트하면 항상 따라다니는 개념 비동기 처리에 대해서 알아보려고 한다. 필자도 여러 블로그들을 참고하면서 공부를 하였는데, 자바스크립트의 동기, 비동기에 대해서 잘못 설명하고 있는 블로그들이 너무 많아서 새롭게 공부를 하고 있는 분들이 혼동을 가질 거 같다. 그런 분들을 위해 실제 코드를 중심으로 글을 작성해서 비동기 처리에 대해 개념을 정리해보려고 한다. 동기(synchronous), 비동기(asynchronous)란 ? 동기(synchronous) 요청을 보낸 후 해당 응답을 받아야 다음 동작을 실행하는 것을 동기라고 한다. 쉽게 말해서, 코드가 동작한다고 할 때 코드 한 줄이 완료가 된 후 그 뒤에 코드가 실행되고, 그 뒤에 코드가 완료가 된 후, 그다음 코드가 실행되는 것이 동기적으로 작동하.. 2021. 12. 31.
헤로쿠(Heroku)에 Node.js 서버 올리기 (express, socket.io) socket.io를 이용하는 개인 프로젝트를 진행하다가 배포를 하려고 배포 플랫폼들을 많이 알아보았다. 처음에는 AWS를 이용해서 배포를 하려고 하였는데, 실제 서비스를 할 프로젝트도 아니었고 AWS의 프리티어를 조금 아껴두고 싶어 알아보다 heroku를 찾게 되었다. 프론트엔드는 https를 지원하는 netlify에 배포를 해놨기 때문에 백앤드도 https로 배포를 해야 한다. heroku도 알아보니 https를 자동으로 설정해준다고 하여서 heroku에 백앤드를 배포하기로 하였다. 영어로 된 공식문서를 보면서 실패도 많이 했었는데, 나처럼 heroku에 처음 배포하는 분들을 위해서 내가 배포했던 과정들을 블로그에 남기려고 한다. 그럼 Node.js + express + socket.io 서버를 Her.. 2021. 12. 30.
React 프로젝트 Netlify에 배포하기 (+ Github) 오늘은 Github Repository의 올라가 있는 React 프로젝트를 Netlify에 배포하는 방법을 알아보자. 프로젝트를 배포하기 위해서는 우선 Netlify의 계정이 있어야 한다. Netlify에 회원가입이 되어있고, 배포할 프로젝트가 Github Repository에 올라와있으면 다음 진행과정을 따라 해 보자 Netlify 로그인 후 Import from Git 버튼 클릭 GitHub 버튼 클릭 배포할 Repository 선택 배포 환경 세팅 - Branch to deploy: 프로젝트 Repository의 배포할 브랜치 (ex main) - Base directory: repository 안에 client, server 이런 식으로 프론트, 백 둘다 관리하는 경우 우린 React를 배포할 예.. 2021. 12. 29.
React Router v6 업데이트 정리 velopert님의 영상을 토대로 정리한 블로그 글입니다. 동영상으로 보실분들은 velopert님의 유튜브 영상을 시청해주세요! React Router v6 정식 릴리즈 React Router v6가 정식으로 릴리즈 되었다. 공식문서 그 동안 사용했던 React Router의 문법이 조금 바뀌었는데 v5문법에 많이 익숙해서 그런지 v6문법과 v5문법이 많이 헷갈린다. ㅎㅎ.. 그럼 어떤점이 바뀌었는지 한번 보자 Switch가 사라지고, Routes 등장 Routes는 기존 Switch처럼 경로의 순서를 기준으로 선택하는 것이 아닌, 가장 일치하는 라우트를 기반으로 선택하게 된다. Routes로 기존 Switch의 기능을 대체 가능 기존 코드 v6 코드 useHistory가 사라지고, useNavigate.. 2021. 12. 29.
사회 복무 요원 2021년 회고 - 1일 1커밋 성공 & 앞으로의 계획 2021년은 나의 인생에서 웹 개발자라는 꿈을 가지게 된 한 해였다. 나는 작년에 3학년 1학기까지 학교를 다니다가 2020년 7월부터 사회복무요원으로 근무를 하기 시작했다. 딱히 어떤 분야로 공부할지도 못 정한 상태였기 때문에 막연하게 알고리즘 공부만 하고 있었다. 근무지에서 웹 에디터를 이용해서 알고리즘 문제를 푸는데 문득 신기했다. 예전에만 해도 코딩을 하려고 하면 IDE를 설치해서 해야 했는데 요즘에는 별다른 설치 없이 웹에서 바로 코딩이 가능하고, 노션 같은 문서 작업도 웹에서 가능하다. 나는 이때부터 웹 개발에 관심을 가지게 되었다. 더 알아보니 디자인이나, 영상편집, 게임, 화상 회의 같은 것들이 웹에서 바로 가능하다는 것이다. 별다른 소프트웨어나, 플러그인 없이 이런 기능들을 바로 이용할 .. 2021. 12. 28.
개발자의 품격 2기 후기 (개발 과정) 개발 시작 6주간의 기획과 설계과정을 거쳐서 드디어 개발을 시작하게 되었다. 팀원들 모두 빨리 개발을 하고 싶어 했고, 나 또한 얼른 기획이 끝나서 개발을 하는 날만 기다려왔었다. 이번 포스팅에는 우리 팀의 역할분담, 개발 스택 정하는 단계에서부터 최종 개발 완료까지의 과정을 작성해보려고 한다. 역할 분담 & 기술 스택 역할 분담은 프론트엔드 3명 백앤드 2명으로 나눴다. 그 이유는 우리 프로젝트 기획상 백앤드 기능에 비해 페이지들이 엄청 많았고, 그 페이지들 마다 프론트에서 처리해야 할 부분들이 많았기 때문에 프론트를 3명이서 하기로 하였다. 다음은 기술 스택이다. 우리 팀은 첫 팀 편성 당시에 React/Node 팀이었기 때문에 React와 Node를 기반으로 기술 스택을 정하였다. 나의 포지션은 프.. 2021. 12. 28.
개발자의 품격 2기 후기 (개발 준비) 3개월간의 여정.. 3개월 동안 진행된 개발자의 품격 2기에 대해서 회고록을 적으려고 한다. 개발자의 품격 2기를 시작하기 전에 나는 이 프로젝트가 끝나면 과연 나는 어떻게 되어있을까?? 프로젝트는 잘 끝냈을까? 팀원들은 어떨까? 하는 고민들이 있었다. 결론부터 말하자면, 나는 3개월간에 정말 정말 정말 많이 성장했다. 프로젝트도 내가 만들고 싶었던 아이디어에 대해서 만들었고, 팀원도 너무너무 너무 좋은 분들을 만났다. 지금부터 나의 3개월간의 여정에 대해서 작성해보려고 한다. 개발자의 품격 2기 과정 유튜브 영상 보러 가기 오리엔테이션 & 팀빌딩 첫 1주 차에는 오리엔테이션 & 팀빌딩 시간이었다. 2기 멤버는 총 20명이고, 5명씩 4팀을 만들어 오셨다. 팀 빌딩은 각 팀별로 잘하는 사람~부족한 사람 .. 2021. 12. 7.
개발자의 품격 2기 후기 (지원 ~ 합격) 1. 개발자의 품격 2기 소개 개발자의 품격 2기는 유튜브에서 개발자의 품격으로 활동 중이신 고승원 님이 운영하시는 프로그램이다. 소개글은 다음과 같다. 이 과정은 3개월간 진행되는 무료 과정입니다. 아이템 선정부터 시장조사, 기획, 설계 그리고 구현까지 모든 과정을 팀별로 진행합니다. 이 과정을 수료하고 나면 다음과 같은 것들을 얻게 될 것입니다. 1. 내가 생각하는 아이템이 시장성이 있는지 알 수 있고, 벤치마킹하는 방법을 알게 됩니다. 2. 차별화된 전략을 어떻게 가져갈 수 있을지, 그리고 어떻게 기획을 하면 좋을지 알게 됩니다. 3. 서비스를 설계하는 방법을 배우게 됩니다. 4. 팀원들과 소통하는 방법을 배우게 됩니다. 5. 실제 구현을 통해 개발 능력을 향상 시킬 수 있습니다. 6. 좋은 동료를.. 2021. 12. 6.
IT 연합 동아리 YAPP 19기 면접 후기 1. Yapp 소개 Yapp 동아리에 대해서 소개하는 글을 보면 다음과 같다. Yapp은 대학생들의 다양한 아이디어와 열정 그리고 가능성을 바탕으로 조그마한 변화일지라도 의미 있는 일을 추구하며 기존에 없던 새로운 가치를 만들기 위해 노력하는 '대학생 연합 기업형 IT 동아리'입니다. 2. 모집 일정 서류접수: 2021. 08. 02 (월) ~ 2021. 08. 11 (수) 18:00 서류결과 발표: 2021. 08. 18 (수) 면접: 2021. 08. 20 (금) ~ 2021. 08. 22 (일) 최종 발표: 2021. 08. 26 (목) 첫 세션: 2021. 08. 28 (토) 3. 지원 계기 진행 중이던 프로젝트가 거의 마무리돼가고 있어서, 다음에는 어떤 프로젝트를 할지 고민하고 있었는데, 대학교.. 2021. 11. 3.

티스토리툴바