프론트엔드

프론트엔드 신입 개발자 취업 후기

프론트엔드 신입 개발자 취업 후기 오늘부터 진짜 프론트엔드 개발자가 되었다. ☺️ 2021년 컴퓨터공학과로 편입한 뒤로 2년여간의 시간이 지났다. 올해 2월에 졸업하였으니, 졸업 후 취업까지는 3개월정도? 걸린듯하다. 이 포스팅에서는 내가 프론트엔드 개발자 취업을 위해서 어떤 준비들을 해왔는지 적어보겠다. 프론트엔드 신입을 준비하고 있다면 참고하면 좋을 것이다. 우선, 나는 비전공자였다. 세무학과를 다니고 있었는데, 프로그래밍 관련된 일을 하고 싶어 2학년 학교 수업과 병행하여 편입을 준비하여 원하는 컴퓨터공학과로 편입을 하게 되었다. 전공자가 된 이후로 65학점에 달하는 전공 수업들을 2년여간 열심히 수강하였다. 프론트엔드, 백엔드, 빅데이터 등등 여러 관련 수업들을 들었고 내 적성에 가장 맞는다고 생..

2023.01 ~ 02월 회고

2023.01 ~ 02월 회고 2023년 1,2월이 지나고 어느덧 3월이 되었다. 아직 학교를 다니고 있었다면, 내일이 개강일일텐데 나한테는 이제 상관없는 일이 되었다. 그래도, 아직 반은 학생이라는 생각으로 겨울방학을 잘 보내려고 노력하였다. 1월, 2월을 잘 보냈냐고 물어본다면, 어느정도는 그렇다. 라고 말할 수 있겠다. ✔️ 기술적인 성장 일단 기술적인 성장을 갖게 되었다고 느낀다. 왜? 우선, 개인 프로젝트를 1월 중반부터 시작했다. 처음엔 진행하고 있는 스터디에 도움을 주기 위해 개발을 시작하였는데, 기능들이 덧붙여지고 하다보니 생각보다 더 많은 진행을 하게 되었고 지금도 지속적인 개발을 하고 있다. 어떠한 기술적인 성장이 있었는데? TypeScript와 Redux에서의 성장 !! Vite 같은..

개인 프로젝트 - Randomly (2023.01.18 ~ .02.09)

개인 프로젝트 - Randomly 📖 주제 스터디를 진행하면서 필요한 기능들을 구현한 프로젝트 🏠 배포 주소 https://randomly.pages.dev/ React App randomly.pages.dev 🛠️ 사용 기술 - React - Redux - TypeScript - CSS in JS (Styled-Components) - Firebase - CloudFlare 🏠 저장소 https://github.com/soohyun-dev/Randomly 📜 개발 기록 타입스크립트 스터디에서 기술면접 스터디를 추가적으로 진행하면서 한 주간 20문제를 공부해온 뒤, 한 명을 골라 질문을 하는 식으로 처음엔 정하였엇다. 하지만, 한 주에 한명만 대답하는 것은 이 스터디의 목적과는 맞지 않다는 생각이 들었다..

우아한테크코스 5기 프론트엔드 프리코스 3주차 회고

우아한테크코스 5기 프론트엔드 프리코스 3주차 회고 우아한테크코스 3주차 끝~~~!!! 이제 진짜 얼마 안남았네요 🥲 아쉽습니다... 📌 우아한테크코스 3주차 과제 제출 주소 및 소감 https://github.com/woowacourse-precourse/javascript-lotto/pull/32 [로또] 윤수현 미션 제출합니다. by soohyun-dev · Pull Request #32 · woowacourse-precourse/javascript-lotto 📋 [javascript-lotto] 미션 📋 로또 미션 기능목록 💁‍♂️ 3주차 과제는 이것이 좋았다! 클래스 분리를 하는 연습 2주차 과제에서는 '함수 분리 연습' 을 중점으로 했었습니다. 하지만, 한 클래스 github.com 📌우아한테..

우아한테크코스 5기 지원 소감

우아한 테크코스 5기 지원 소감 . 드디어, 제출했다. 거의 2주일 정도 정말 고민을 많이 하면서 자소서를 작성하였다. 이 자소서를 쓰는 과정만으로도 나는 정말 많은 것을 느꼈다. 지금 쓰는 이 글만큼은 누군가에게 도움이 되고 싶은 것보다 나중에 내가 어떤 이때 어떤 감정을 갖고 있었는지를 남기고 미래의 나한테 도움이 되고 싶다. 자소서에 적고 싶었지만, 적지 못했던 내 느낌들을 이곳에서라도 남겨두고 싶다. 내 인생은 크게 컴공에 오기 전 과 후로 나뉘는 것 같다. 대학교 1학년때 까지는 놀기도 많이 놀았고, 약간 될대로 되라하는 인생이였다. 그러다, 이대로는 살면 진짜 안되겠다라는 생각이 들었다. 미래가 안보였다. 이러다 그냥저냥 어디가서 살다 죽을 그런 재미없는 인생을 살 것 같은 느낌. 그런 마음이..

React 잘못된 경로 페이지 만들기 (Router)

React 잘못된 경로 페이지 만들기 (Router) 프로젝트를 구현하면서 사용자가 잘못된 경로를 입력했을때 이런 페이지가 뜬다. 이대로 냅둬도 상관없긴하지만, 만약 이렇게 사용자가 주소를 잘못입력했을때 내가 원하는 화면을 보여주게 하고 싶다면 어떻게 해야할까? 바로 Router를 사용하면 된다. 이렇게 Router 경로를 * 로 설정하게 되면, localhost에서 지정한 경로들 외의 모든 경로들은 지정한 페이지로 이동하게 된다. 여기서 element에 있는 NotFound는 내가 따로 만든 NotFound.js 페이지이다. 사용자가 경로를 잘못입력하면 이 NotFound.js 페이지로 이동시켜라 라는 뜻이된다. NotFound.js 는 다음과 같이 만들었다. 참고해보시길. 사용자에게 보여지는 페이지는..

React 프로젝트 시작 , 파일 정리

React 프로젝트 시작 , 파일 정리 React 프로젝트를 실행하기에 앞서, 필요한 파일들을 제외하고 다 삭제해보자. public 에서 index.html 을 제외하고 다 삭제해주자. ------------------------------------------------------------------------------------------------------------------------------ index.html 도 정리해주자. ------------------------------------------------------------------------------------------------------------------------------ src 폴더에서 index.js 를 ..

React Developer tools 설치

React Developer tools 설치 리엑트를 사용하면서 필요한 React Developer tools 를 설치해보자. https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related?hl=ko React Developer Tools Adds React debugging tools to the Chrome Developer Tools. Created from revision 0229baee2 on 12/14/2021. chrome.google.com Chrome 에 추가를 눌러 설치를 하면 위에 처럼 Chrome 에서 삭제로 바뀐다. 크롬의 개발자 도구를 켜서 위와 같이 Co..