隣のプログラマー君

어제의 Flutter 환경 세팅에 이어서 이번엔 React Native 환경 세팅이다. 애초에 React로 개발을 하던 사람이니 Flutter에 비하면 환경 세팅 자체가 그렇게 복잡하지 않아서 어제 보단 시행착오가 적었지만 그래도 확실히 앱을 개발한다는게 개발한걸 바로 브라우저로 확인할 수 있는 웹보다는 에뮬레이터 같은 것들을 필요로 하다보니 조금 해메게 되긴 하는 것 같다. 그래도 Flutter는 개발환경 세팅만 해두고 아직 테스트용 프로젝트 생성을 안해봐서 에뮬레이터 돌리는건 해보지도 못했는데, RN은 어찌 됐든 돌리는거까지 해볼 수가 있어서 오늘은 에뮬레이터 실행까지 따라가보도록 하겠다. 0. Node.js 설치 https://nodejs.org/ko/download 다운로드 | Node.js No..

회사에서 어쩌다보니 하이브리드 앱개발을 하게 될 것 같아서 Flutter / React Native 두가지 환경에 대해서 요즘 알아보는 중이다. 아무래도 앱개발이라는거 자체가 이번이 내 인생 최초라 환경 세팅부터 차근차근 기록을 남겨둬볼까 한다. 오늘은 플러터 환경 세팅부터 할건데 플러터에 대한 기본 정보나 이런건 따로 APP 카테고리 파서 남겨둘 예정이고 오늘은 환경 세팅만 정리해둘 예정임. 1. Android Studio(Android) / Xcode(IOS) 설치 일단 뭐 React Native를 하든 Flutter를 하든 이 두개는 무조건 깔려있어야한다. 아무래도 하이브리드 앱을 만든다는게 각 OS 환경에 따라 빌드가 진행되어야하기 때문에 필요하다고 보면 되겠다. 난 지금 윈도우 컴퓨터를 가지고 ..

오늘은 이 퐁당퐁당 연휴에 굳이 포스팅을 하고 싶지는 않았지만, 그냥 뒹굴면서 보게 된 주제에 대해서 한번 이야기 해보고자 한다. 나도 물론 같은 입장이고, 개발이라는 직무로 일하기 시작한지 1년도 안된 애송이지만 이 업계를 들여다보면 내가 봐도 웃기기 때문에 혹시나 학원을 수료하고 우리나라 탑티어 IT 기업 개발자를 꿈꾸고 있는 사람들이라면 마음가짐을 좀 잘 가지고 진입하기를 바라면서 작성해본다. 일단 오늘 내가 본 이야기가 뭐였냐면 학원 발 신입 개발자에 대한 날카로운 비판이었다. 솔직히 인정할 수 밖에 없었다. 학원 출신 개발자는 와봐야 1인분도 못하고 처음부터 하나하나 알려줘야한다 라는 의견이 진짜 많았는데, 이 이야기가 바로 오늘의 글감이다. 자 그럼 시작해보자. 문제 1. 자극적인 미디어의 홍..

요즘 내 최대 관심사가 딱 두가진데, 첫번째는 앱개발이고 두번째가 NEXT.js다 왜 두가지에 관심이 많냐면, 일단 전자에 대한 이유는 앱을 안할 수가 없다. 사람들이 PC를 사용하지 않을 수는 없다만, 결국 제일 쉽고 가볍게 접근 할 수 있는건 모바일 환경이라 일반적인 웹프론트는 구하는데도 상당히 적고 대부분 운영되고 있는 서비스의 Admin 페이지 같은거만 웹프론트로 개발하는 것 같음. 때문에 개발 시장에서 프론트 개발자가 앱 안하면 도태될게 뻔하다는게 보인다. 후자에 대한 이유는 UX 향상에 대한 관심도 때문이기도 한데, 어디서 지나가는 얘기로 대충 일반적으로 화면 렌더링 되는데 3초이상 걸리지 않는게 좋다고 들었어서 생각해보니 지금 주로 내가 개발하는 웹어플리케이션들이 그 시간을 넘어가는 것 같더..

어디서 봤는데 TypeScript가 Front-End 개발자들이 사용하고 싶은 언어 1위라고 하더라. 근데 오히려 학원에서 한창 배울 당시에 코로나 걸려서 javaScript 스킵하다시피하고 회사와서 바로 TypeScript 쓰라길래 TypeScript쓴 내 입장에선 공부할 것도 없이 걍 익숙해져버린 언어라 제대로 공부해볼 생각조차도 안했던 것 같다. JavaScript도 그냥 코테 공부하려니 선택지가 그나마 열심히 써봤던 언어가 그것 뿐이라 골랐던거구.. 그러다보니 자연스레 공부하게 되었다는 느낌이 되어버렸다. 서론은 이제 끊고, TypeScript에 대해서 이야기를 해보자. 1. 타입스크립트란? TypeScript는 JavaScript에 Type을 부여한 확장판 같은 것이다. 그 콘솔겜 하다보면 확장..

이번 주에 회사에 열이 뻗쳐서 이런 글을 미친듯이 써제끼게 되는데, 감정에 휩쓸려서 잘못된 정보를 제공할 생각은 없으니 안심했으면 좋겠다. 근데 잘못된 정보이길 바랄만큼 슬픈 이야기들이라 한편으로는 미안하기도하다. 대부분 개발자를 꿈꾸거나 흔히 주변에 괜찮은 연봉 받으면서 매번 근무지가 바뀌지 않고 한 곳으로 출퇴근 하는 개발자를 알고 있다면, 일반적인 직장인들은 잘 생각하지 못하는 개발자들의 휘황찬란한 복지(Like 재택근무)를 기대하거나, 상상할텐데 혹시나 실수로라도 중소SI개발자에게 그런걸 물어선 안된다. 그 사람이 불쌍하니까. 우리가 흔히 듣던 개발자들의 복지는 (나름 유명한 회사에 다닌다는 가정하에) 뭐 대기업들이 가지고 있는 복지들을 베이스로 깔고, + 재택근무 / 고오급 장비 지원 / 자유로..

이번엔 중소 SI 개발자의 고객 상대에 대해서 이야기 해볼건데 이건 지극히 내 경험담이다. 내가 첫 프로젝트에 투입됐을 때 학원에선 제대로 구경도 못해본 React / Redux 조합의 Front-end 개발을 하게 됐었다. 그리고 처음 들어간 플젝이다보니, 뭐 개발자의 입장에서 고객을 상대해본적이 있겠는가? 절대 없음. 근데 이 SI라는게 어쩔 수 없이 고객을 상대해야한다. 만들어 달라고 한걸 만들다가 뭐가 막히면 고객 불러다 앉혀놓고 물어봐가면서 개발해야하기 때문이다. 일단 React는 제쳐두고 HTML 복붙해서 화면 찍어내던 내게는 Front-end 라는게 별도로 존재한다는거에서부터 엄청난 멘탈 바사삭! 이 왔는데 React / Redux Browser에서 Front-end App 이 돌아가고 이런..

우리가 일반적인 함수의 형태로 컴포넌트에 함수를 선언하게 되면 해당 컴포넌트가 렌더링 될때 (lifeCycle에 따라서) 일반적인 함수로 선언된 모든 함수가 새롭게 렌더링이 된다. 이는 사실상 쓸데 없는 메모리를 잡아먹는 행위이고, 이런 문제를 해결하기 위한 방법으로 React에서는 결과값 하나를 리턴해야하는 것의 경우에는 useMemo, 특정한 동작자체를 리턴해야한다면 useCallBack를 사용해 그 메모리 소모를 줄이는 방법이 있다. 대부분 구글링을 해봐도 콜백을 설명하는게 명확하지가 않고 진짜 애매모호하고 이해가 잘 안돼서 상당히 어려움을 겪었는데(이런 이유로 그냥 콜백 안썼다.) 콜백이라는 개념 자체를 제대로 이해하고, lifecycle에 대한 이해만 명확하다면 제대로 사용할 수 있게 된다. M..

오늘은 1급 객체에 대한 이야길 해볼건데, 이게 왜 중요하냐면 대부분 이 내용 때문에 현재 우리가 사용하고 있는 모든 코드들이 구현가능하기 때문이다. 결국 이 내용을 이해하면 지금 우리가 이렇게 쓴다라고 거의 대충 감으로, 혹은 애매모호하게 이해하고 있던 부분들이 퍼즐이 끼워맞춰지는 것처럼 줄줄이 이해가 될거기 때문에, 아주 도움이 될 거라고 생각한다. 1. 1급 객체란? 정의 : 다른 객체들에 일반적으로 적용가능한 연산을 모두 지원하는 객체를 가리킨다. -출처: 위키 백과 1급 객체가 되기 위한 조건. - 변수에 할당할 수 있다. - 다른 함수를 인자로 전달 받는다. - 다른 함수의 결과로서 리턴될 수 있다. 위의 이야기들을 모두 종합하면, 결국 데이터를 다루듯이 동일하게 다룰 수 있는 것들 그러니까,..

오랜만에 코딩테스트 글을 쓰는데 내가 푼 풀이가 맞는것 같은데 도저히 안풀려서 결국 찾아왔다. 답을 보니까 내가 한거에서 반복문 시작지점을 +1 해주는 식으로 풀었던데.. 내가 생각을 잘못하고 있었던건가? 난 중복되는 배열까지 다 찾은 다음에 중복제거에 고생을 했는데 정답은 애초에 지나간 번호는 아예 돌아보지도 않았음... 문제 설명 한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라고 합니다. 예를 들어, 5명의 학생이 있고, 각각의 정수 번호가 순서대로 -2, 3, 0, 2, -5일 때, 첫 번째, 세 번째, 네 번째 학생의 정수 번호를 더하면 0이므로 세 학생은 삼총사입니다. 또한, 두 번째, 네 번째, 다섯 ..