隣のプログラマー君

생각해보니 지난 글의 SI에서 살아남기라는 제목이 안어울렸던 것 같아서 걍 제목 바꿨다. 조회수가 나오는걸 보니 신기하긴 했다. 학원을 수료한 개발자들은 SI와는 필연적으로 마주치게 될 것이 분명하긴 하니.. 다들 많은 관심을 가졌으리라고 생각한다. 오늘은 국비지원학원, 부트캠프 갈까 말까 고민하고 있는 개발 초 입문자들에게 도움이 될 이야길 해보고자 한다. 일단 먼저 그게 뭔지부터 알아보자. 국비지원학원? & 부트캠프? 기본적으로 개발자가 될 수 있는 루트는 여러가지가 있다. 그 중에서 비전공자를 기준으로 생각했을 때엔 가장 쉬운 방법이 국비지원학원 혹은 부트캠프에 등록해서 기초적인 개발을 배우고 진짜 그냥 굴러가기만 하는 프로그램 포트폴리오를 한 두개 만드는거다. 1) 국비지원학원 우리나라에서 IT인..

오늘은 React 에서 빼놓을 수가 없는 상태관리 이야기를 하러왔다. 상태관리라고 하면 처음 리액트를 접하는 사람들 기준에서 글로벌이니 지역이니, redux면 dispatch니 어쩌구 저쩌구, 상당히 많은 어려움을 느끼는데 쉽게 한번 정리해보려고 한다. 0. 전역? 지역? React 초심자 기준 이게 진짜 어지러운데, 상태관리 라이브러리를 쓰는 이유는 전역상태를 잘 관리하기 위함이다. 그럼 전역이 뭘까? 쉽게 얘기하면 서버가 전달해준 데이터들을 따로 창고에 박아두고, 필요할때마다 App 전체 컴포넌트에서 자유롭게 꺼내 쓸 수 있도록 하는게 전역이다. 반대로 지역은 굳이 창고에 넣어둘 필요없이 특정컴포넌트만 사용하고 안쓸거다! 라고 하는걸 주로 지역으로 사용한다. 1. useState (가장 기본!) Re..

오랜만에 위기를 맞았다.. 술술 잘풀어나갔는데, 며칠 안풀었다고 그냥 자바스크립트 문법이 기억이 안나버림..(사실 뭐써야할지 감도 못잡음..) 위기를 맞은 문제는 다항식 더하기라고 프로그래머스 lv.0문제 중에 정답률이 낮은 편에 속하는건데 이제 이런거 밖에 안남아서 진짜 큰일이다. 꾸준히 해야겠다. 문제 설명 한 개 이상의 항의 합으로 이루어진 식을 다항식이라고 합니다. 다항식을 계산할 때는 동류항끼리 계산해 정리합니다. 덧셈으로 이루어진 다항식 polynomial이 매개변수로 주어질 때, 동류항끼리 더한 결괏값을 문자열로 return 하도록 solution 함수를 완성해보세요. 같은 식이라면 가장 짧은 수식을 return 합니다. 제한사항 0

이 카테고리는 컨설팅, 솔루션, SI, SM 뭐.. 모든 것을 짬뽕한 것 같은 회사에 재직 중인 내가 생각한 뻘소리를 늘어놓는 곳이다. 맨날 공부만 할 순 없다. 내 행적을 남겨둬야 다신 이런 일은 안해야지.. 라는 생각이라도 하지 일단 오늘 할 얘기는 그냥 학원 나온 사람들한테 선택의 도움이 되고자.. 한번 풀어볼까 한다. (당연히 나도 경력 짧기 때문에 우리 회사 기준으로 생각하고 이야기 한다.) ● SI vs SM vs Solution vs Service 학원에 다니다보면 뭐 관심없는 사람도 있겠지만, 당연히 들리는 이야기가 있고, 선택지라는게 생긴다. 그 중 대부분의 이야기가 개발자로 취업을 할건데, 과연 회사에 가서 어떤 일을 할 것인가? 라는 것에 관련된 건데, 그걸 구분하는 카테고리가 대충 ..

React 프로젝트를 만들어봤다면 다들 알겠지만, .js와 .jsx 파일이 공존한다. 물론 타입스크립트를 사용했을 경우에는 .ts 와 .tsx다. 처음 봤을 때는 그냥 직감상으로만 생각했었는데, 컴포넌트를 만들때는 .jsx(.tsx)를 사용하고, 그냥 일반 JavaScript문서를 만들땐 .js(ts)를 만드는 것 정도? 의 차이라고만 생각했지, 정확히 어떤 의미인지 생각해보려고 하지는 않았던 것 같다. 그래서 이번에 정리해두려 한다. 1. JSX (JavaScript XML) const Component = () => { return ( // 요게 JSX )} 제목에서도 알겠지만, jsx는 JavaScript XML 을 줄인 말이다. JavaScript에서 HTML 문법을 사용할 수 있도록 해주는 그런..

2023.04.20 - [Dev/JavaScript] - [JavaScript] Scope & Closure 저번 글에서 React의 컴포넌트 생명주기 이야기를 했었는데, 어찌 됐던 초창기 리액트의 클래스형 컴포넌트와 지금 많이 사용하고 있는 함수형 컴포넌트의 이야기를 안할 수가 없었다. 대부분 주변 개발입문자들의 경우 React를 처음 접하거나, Java를 통해 개발을 해왔던 사람들의 경우에 이 부분에서 이해를 어려워하는 것 같았는데, 이 이야기를 한번 이해하기 쉽도록 해보고자 한다. 1. React의 원래 이름? React Native 라는 것도 있지만, 웹프론트개발자가 주로 사용하게 되는 React의 원래 이름, 즉 React의 풀네임은 뭔가? React.Js다. 뒤에 Js가 붙어있는 것으로 봐선 ..

마지막으로 React에 대해서 쓴게 "하기 전에 알아야한다." 라는 개념으로 쓴 건데 이번부턴 정말 React에 대한 이야기를 해볼까 한다. React가 처음 나왔을 때부터 도입하고 사용했던 사람들은 다 알겠지만, 그땐 함수형 컴포넌트가 아니었다. 기본적으로 Class 형 컴포넌트로 만들었다. 그 때 있었던 개념들이 있는데, 아 물론 지금도 존재한다. 뭐 Mount, UnMount 등등 이런 말들이다. lifeCycle은 Class 내부에 이 컴포넌트가 마운트 되면, 실행하는 함수, 언마운트 되기 전에 실행하는 함수 이런걸 정의해두고 마운트될때부터 언마운트 될때까지 그 과정들을 얘기하는 것인디.. 말이 좀 어렵다. 쉽게 한번 풀어서 설명해보자. 1. Mount? UnMount? 일단 이걸 이야기 하기 전..

이건 정말 잡담이다. 그냥 왜 Front를 선택한건지, 왜 풀스택이 아닌지, 그러려면 어떻게 해야할지 그냥 내 생각을 쓰려는거다. 왜 쓰냐고 묻는다면, 지금 이 생각을 정리해야 나중에 잊고 살다가도 떠올릴테니까. 1. 왜 Front인가? 글쎄 이건 나도 의문이다. 1년 남짓, 얼마 안되는 개발 인생이지만 조금 이야기를 하자면 많은 개발자들이 그렇듯 난 국비지원학원 출신이다. 절대 컴퓨터 공학을 전공하지 않았고, 오히려 경제학이라는 전공으로 학사학위를 가지고 있다. 사실 학문으로의 컴퓨터는 관심도 없었다. 그냥 테크덕후에 콘솔겜 좋아하고, 오타쿠라 컴퓨터와는 멀어지기 힘든 인생이었기 때문에 하드웨어 정도만 자연스레 좀 잘 알게 된 것 뿐이었다. 어쨌든 내게 재미없는 경제학보다는 원래 좋아했던 컴퓨터와 연관..

REST 를 설명하려다보니 HTTP에 대한 설명이 필요한 것 같아서 정리해왔다. 블로그 제대로 쓰는 것도 쉽지 않구나.. 시작해보자.. 1. 프로토콜...? HTTP란 뭘까? HyperText Transfer Protocol의 줄임말이다. 후벼파보니 더 알 수 없는 말만 있다. 일단 프로토콜을 사전에서 찾아보면 통신규약이다. 더 길긴한데, 그냥 축약하자. 더 다른 의미 없다. 뭐 Transfer 나 Protocol 같은 경우는 일반적인 단어 + 앞에서 설명하였음. 으로 퉁칠 수 있는데 그럼 HyperText는 뭔가? 그냥 대충 말하면 완전멋진초월텍스트다. 기존의 인류 문명은 책이라는 문서양식를 가지고 있었다. 특정방향으로 방향성을 가지고 선이 이어지듯 연결되는 텍스트들의 집합 = 책(선형적인 텍스트) 인..

어제의 글에 이어서 REST API / RESTful API 에 대한 이야기를 해볼까 한다. 1. REST API? 2023.04.26 - [Arch] - [REST] REST REST API는 윗 글에서 설명한 REST 의 규칙을 지켜서 만든 API를 의미한다. 해당 규칙을 적용하면서 또 명확히 제시하는 설계 지침? 같은게 있는데 한번 보도록 하자. 1) URI는 동사보다는 명사를, 대문자보다는 소문자를 사용하여야 한다. 찾아본 예시들이 "동사보다는 명사" 이 부분에 잘 안맞는 것 같은데, "동사보다는 명사" 라는 말보단 특정한 가공 없는 본래의 단어 그대로를 쓰자는 말과 같다고 느껴진다. 예를 들면 run 과 같은 단어를 진행형, 동명사, 3인칭, 과거형 이런 가공 없이 run 그대로 쓴다는 느낌이 ..