전체 글126 [React-Typescript] 프로젝트 기본 설정 및 DaisyUI 드롭다운 구현하기 개발을 업으로 삼은지 8개월이 지난 어느 날. 회사에서 신입 개발자들을 뽑는다는 소식을 들었다. 새로 뽑는 사원의 경우 업무 능력을 보기 위해 라이브 코딩 테스트를 본다고 한다. 주제는, 30분 안에 TODO 리스트 만들기 였다. 수많은 개발자들이 거쳐왔을 너무나도 익숙한 주제였지만, 프로젝트 설정부터 구현까지 30분이라는 조건이 마냥 쉬울 것 같지는 않았다. 시험을 보니 이게 왠걸, 생각보다 더 어려웠다. 나름 경력이 쌓이고 다양한 프로젝트를 했다고 생각한 내게 현실을 깨닫게 해주는 시험이었다. 시작부터 설정에서 실수해서 프로젝트를 지우고 다시 시작하는 희대의 삽질과 함께 30분이 빛의 속도로 지나갔다. 시험의 요구사항 절반도 채우지 못한 내가 그곳에 앉아 있었다. 응시자였다면 떨어질 수 있는 점수를.. 2024. 6. 8. [Mac]개발자의 맥북 초기화 전 백업 및 초기 설정 최근 일하는 도중 갑자기 맥북이 꺼졌다 켜지는 현상이 발생했다. 순간 놀랐지만, 맥북이 잘 켜져서 괜찮겠구나~ 했는데... 맥북의 키 설정 전반이 꼬여버렸다. 이게 정말 짜증 나는 부분이었던 게 웹스톰을 쓰면 space 키를 누를 수가 없었다. (누르면 탭처럼 작동 - 심지어 인터넷을 비롯한 앱 전반에서도 자꾸 윈도우에서 탭 키를 누른 것처럼 포커스가 잡혔다) 원인은 맥북 키설정과 webStorm의 키설정이 충돌을 일으킨다고 했다. 하지만 맥북 내 키설정도 바뀐 게 없었고, 웹스톰도 설정을 확인해봐도 바뀐 게 없었다. 약 1시간 반가량 검색을 하면서 여러 방법(키보드 교체, 블루투스 연결 재시도, 웹스톰 재설치, 맥북 환경설정 초기화 등등)을 시도했지만, 나랑 완전히 동일한 케이스는 없었고 문제는 해.. 2024. 5. 17. [React-Native]앱에서 권한 요청 후 카메라 앱 띄우기 앱을 개발하다 보면 카메라 앱을 통해 사진이나 동영상 촬영 기능을 필요로 하는 경우가 있다. 이때, 카메라 앱 구동에 앞서 해당 앱에 대한 권한 설정이 필요하고, 권한이 설정되었을 때 카메라 앱을 구동시켜야 한다. 앱 권한 설정하기 앞서 언급한 대로 앱에서 카메라 앱에 접근하려면 접근 권한을 허용받아야 한다. 이를 위해 react-native-permission 라이브러리를 사용하면 보다 편하게 권한 설정을 요청하고 확인할 수 있다. 카메라 앱 외에도 다양한 권한을 설정하고 추가할 수 있기 때문에 많은 사람들이 사용하고 있다. 1. Dependency 설치 먼저 개발 환경의 build package에 따라 설치를 해준다. $ npm install --save react-native-permissions .. 2024. 4. 20. [React-Native] Splash 화면 / 앱 아이콘 설정하기 (IOS) IOS 환경에서 Splash 화면 과 앱 아이콘을 설정하는 방법을 까먹지 않기 위해 기록하자. Splash 화면 설정하기 1. React-native-splash-screen 설치 검색을 통해 react-native-splash-screen 라이브러리를 설치한다. TS 호환이 되는 아주 좋은 라이브러리고, 주간 다운로드 수도 매우 많아 믿을 수 있는 라이브러니 안심하고 사용해도 될 것 같다. 네이티브 앱 기준으로 설치 후 cd ios + pod install까지 진행하여 Podfile을 업데이트 해준다. // App.tsx const App = () => { ... useEffect(() => { SplashScreen.hide(); }, 2000); }, []); ... } 다음으로 useEffect에.. 2024. 3. 29. SI 기업에서 프론트엔드 개발자로 살아간다는 것 SI 기업에서 얻을 수 있는 것 SI 기업에는 다양한 장점이 있지만, 개인적으로 "커뮤니케이션 능력 강화"가 가장 큰 장점이지 않나 싶다. 하지만 커뮤니케이션 능력 강화 못지않게 중요하다고 생각하는 장점이 또 있다. 바로 다양한 기술 스팩트럼을 의사와 상관없이 알아가고 경험할 수 있다는 점이다. 프로젝트가 많으니 기획에 따라 필요한 기술 스택이 다를 때도 있고, 같은 기술 스택이어더라도 다른 라이브러리를 사용하고 시도해 볼 수 있다. 덕분에 프론트엔드 영역에 있어 SI 개발은 우리에게 보다 다양한 경험과 폭넓은 지식을 가질 수 있는 기회를 제공해 준다. 하지만 이 말은 다르게 해석될 수 있다. 다양한 경험은 "얕고 넓은 지식"으로 보일 수 있고, 폭넓은 "깊이가 없는 개발자"로 보일 수 있기 때문이다. .. 2024. 3. 1. 간단한 용어 정리 11월 회고를 적고 블로그를 방치(...)한 지 3개월이나 지나버렸다. 여전히 회사일은 바쁘고 자기계발할 시간이 모자라다... 취업 전에는 짬짬이 블로그 활동을 이어나갈 수 있다고 생각했는데... 쉽지 않다 🥲 오래간만에 여유로운 주말이기도 하고, 블로그 활동도 이어가기 위해 잠시 업무 과정에서 찾아보았던 간단한 용어들을 정리해보려고 한다. SI(System Integration) 현재 다니는 회사는 SI를 주력으로 하고 있는 IT 개발사이다. 처음 회사에 들어와 업무에 대해 배울 때, 누군가 SI가 무엇이냐고 물어본다면 명확히 설명하기 어렵다는 것을 자각했다. "외주나 하청 맡아서 앱이나 웹사이트를 만들어주는 업무"라고 간략하게는 대답할 수 있겠지만, 이것이 SI의 정확한 정의가 맞을까? 용어의 정의를.. 2024. 3. 1. 이전 1 2 3 4 5 ··· 21 다음
