프론트엔드

LG유플러스 유레카 SW 아카데미 2기 합격 후기(프론트엔드 대면)

개요졸업하고 알고리즘 공부부터 다시 시작하려고 계획을 하고 있었는데 대학 친구의 추천으로 LG유플러스 유레카 SW 아카데미 2기에 지원하게 되었다. 현재 나는 졸업을 앞둔 취업준비생으로서, 앞으로 계획한 학습 내용과 커리큘럼이 대부분 일치하며, 취업까지의 공백기를 효과적으로 활용할 수 있을 것 같아 지원하게 되었다.선발 일정유레카 2기의 선발 절차와 일정은 다음과 같다. 전형은 비전공자와 전공자로 나뉘게 되며 SW 적성 진단 과정 진행에서 서로 차이가 있다.SW적성 진단대부분의 경우 서류에서 탈락하는 경우는 없고, 서류 합격을 하게 되어 적성 진단을 보게 되었다.나는 전공자이기 때문에 개발구현능력 검사를 진행하였다.  서류 합격을 하게 되면 위와 같은 제목의 메일이 오게 되는데 향후 기수분들을 위한 팁을..

[React] Redux를 사용해서 간편하게 모달(modal) 구현하기

개요 modal은 사용자의 이목을 집중시키기 위한 인터페이스 창이다. 문서 내의 상위에 배치되며 사용자의 이목을 집중시키기에 좋다. 모달의 on, off는 보통 bool타입의 state로 관리하는데, 전역 상태 관리에 사용하는 라이브러리인 redux를 사용해서 모달을 구현하면 코드도 줄고, 관리가 용이할 것 같다는 생각이 들어 구현하게 되었다. 사용 라이브러리 본 글은 Redux와 bootstrap modal을 사용한다. 설치 명령어는 다음과 같다. npm i @reduxjs/toolkit bootstrap react-redux 구현 먼저 Redux가 관리할 state의 초기값을 선언한다. redux.ts const initialState = { message : "", isOpen : false, } ..