분류 전체보기(35)
-
2023 개발자 인생 회고
작성 일시: 2023/12/30 작성자: 장의영 태그: 개인 2023년 어떻게 살았나 ? 2023은 취준과 취업의 해로 볼 수 있다. 큼직한 제목을 주제로 글을 써내려가 보겠다. 두서없이 쓴글이라 장황하게 느껴질 수도 있습니다. 원래 그렇게 작성하니 양해 부탁드립니다 ㅎ 2월 대학교 졸업 드디어 학교를 졸업했다. 나에겐 2가지의 학교 일상이 있었는데, 연구실과 밴드 동아리다.졸업 하고 밴드를 못한다는 생각에 최후의 잼을 하고 술을 왕창 마시고 집에 돌아간 기억이 난다. 3학년에 연구실에 들어가고, 이때까지 연구실에서 10시출근 10시퇴근 했었는데 졸업 하고 가면 나의 족쇄가 풀린다는 생각에 막연한 두려움을 가지고 있었다. 하지만 교수님의 등살을 피할 수 있었다는 생각에 약간은 기뻐하고 있었다. ㅋㅋ 하지..
2023.12.31 -
스타트업 취업 회고
취준 취준 기간 : 6개월 정도 나는 서울에 있는 어느 hr 회사의 인턴으로 취업을 했다. 인스타 스토리에서 우연히 본 인턴 공고로 지원하고 부산에서 면접을 보러 서울로가 면접을 보고 합격했다. 현재 3개월차 이고, 기능 개발에 기여하는 중이다. 스타트업을 향한 이유와 내가 생각하는 개발자 ( = 되고 싶은 개발자 ) 내가 생각하는 개발자는 만능 엔터테이먼트였다. 나의 상상 속의 개발자는 본인이 맡은 영역에 관계 없이 모든 분야에서 개발적 지식을 가지고, 모든 문제를 소프트웨어 기반으로 해결 할 수 있는 능력있는 사람이였다. “때로는 이끌어주고, 때로는 잘 따르고, 때로는 혼나기도 혼내기도 하는 완벽한 인간적인 사람이였다.” 대기업이나 중견기업에 다니는 사람들은 원래 잘 설계된 회사의 프로세스에 속해 일..
2023.11.12 -
Redux vs context api 비교 및 Recoil과의 첫만남!
내가 배운 전역 상태 라이브러리들 Redux vs Context API Redux, React-Redux 상태의 중앙 관리를 위한 상태관리도구 이다. ‘전역 상태’를 생성하고 관리하기 위한 라이브러리라고 볼 수 있다. 이때 상태를 액션(순수함수)이라는 이벤트를 사용한다. flux패턴을 통해 단방향 흐름으로 예측가능한 방식으로 업데이트 하기 위함이다. 미들웨어를 추가해서 전역상태를 위한 통신을 추가할 수 있다. 전역상태를 관리하는 라이브러리 답게 Redux를 사용할 경우 State의 변경이 일어나면 State를 사용하고 있는 컴포넌트에서만 리렌더링이 발생한다. 하지만 라이브러리를 설치해야 한다. 초기 세팅이 번거롭다. (+ 보일러 plate가 필요하다. ) 저는 Context API를 리액트 빌트인 상태 ..
2023.07.05 -
electron에서 alert창 사용 시 input focus 잃는 이슈를 모달창으로 해결
외주개발 하면서 별 문제가 아니라고 생각했던 문제가 드디어 직면 했다. 바로 electron에서 input 포커싱을 잃는 큰 문제 였다. 아무리… 찾아 봐도 electron을 한국에서 쓰지 않는지라 관두고 있었는데 영어로 검색하니까 바로 나왔다.. 역시 영어를 배워야 한다.. *추가: electron에는 alert대신 dialog api를 사용해서 해결 할 수 있다. https://www.electronjs.org/docs/latest/api/dialog 관련 이슈 Can't edit input text field after window.alert() Can't edit input text field after window.alert() I've got this Electron app (using Nod..
2023.07.03 -
반응형 페이지 - 모듈화 디자인 하기
모듈화 디자인 반응형 웹 개발의 대세는 페이지 만들기 에서 컴포넌트 만들기로 이동했다. 컴포넌트 기반으로 웹을 제작하면 마치 블록 장난감을 조립하듯 각각의 컴포넌트간 조합을 이용해 화면을 디자인할 수 있다. 모듈화된 디자인은 작업 효율에 많은 도움이 된다. 여러개의 페이지는 각각의 다양한 레이아웃을 가지지만, 페이지를 구성하는 컴포넌트의 형태는 비슷한 경우가 많기 때문에 컴포넌트에 초점을 맞추고 웹을 만들면 일이 줄어들게 된다. 반응형 컴포넌트를 만들고, 그것들을 조립해 하나의 페이지를 만들면 페이지는 자연스럽게 반응형 페이지가 된다. 스타일 재사용이 용이하다. 필요한 경우 추가 스타일을 적용하면 된다. 페이지의 일관성을 유지하기가 용이하다. ResetCSS 웹 브라우저 마다 default 값으로 스타일..
2023.07.02 -
반응형 웹 페이지 - 기초체조하기
반응형 웹페이지란? 다양한 기기나 브라우저 크기에 맞게 구성이나 크기를 변경해가며 반응하는 웹문서 또는 이를 제공해주기 위한 방법이다. 모바일, 데스크톱, 태블릿 등등… 예전에는 도메인을 달리해서 기기에 따른 웹을 제공했다고 합니다. ex) www.naver.com / m.naver.com 이제는 웹의 생태계가 다양한 기기로 한번에 제공하기 위해 반응형 웹페이지를 배우는것은 가히 필수적이라고 할 수 있습니다. 그럼 차근차근 알아 봅시다. 뷰포트 컴퓨터 그래픽스에서, 뷰포트(viewport)는 현재 화면에 보여지고 있는 다각형(보통 직사각형)의 영역입니다. 웹 브라우저에서는 현재 창에서 문서를 볼 수 있는 부분(전체화면이라면 화면 전체)을 말합니다. 뷰포트 바깥의 콘텐츠는 스크롤 하기 전엔 보이지 않습니다..
2023.07.02