본문 바로가기

분류 전체보기

 (351)
VSCode - 들여쓰기를 space에서 tab으로 변경하고 저장하기 에꼴 42에서는 norminette라는 프로그램을 이용해 코드 포맷을 강제합니다. 42 경산에서도 마찬가지로 norminette를 이용해서 작성한 코드의 포맷을 지정하고 있습니다. 이게 왜 중요하냐면, 42 교육과정에서는 과제를 제출할 때 기계평가라는 것을 거칩니다. 기계평가는 42 서버에서 제출된 과제의 코드를 검사하여 코드가 정상적으로 동작 하는지, 지정된 코드 포맷을 만족하는지 등을 검사하는 과정을 의미합니다. 아무튼 이 norminette를 만족시키기 위해서는 들여쓰기를 4칸짜리 tab으로 지정해야 합니다. 그런데 vscode를 최초 설치 시 들여쓰기 설정이 4칸짜리 space로 설정되어있습니다. 저기 가운데에 Spaces: 4라고 표시되어있는 부분이 들여쓰기를 space로 처리했다는 의미입니다...
백엔드 개발자가 되고 싶다면? 이것이 취업을 위한 백엔드 개발이다 with 자바 우리나라는 자바 공화국이라고 불립니다. 왜냐하면 자바와 스프링 기반으로 만들어진 전자정부 표준 프레임워크 때문입니다. 정부에서 주도하는 프로젝트에 소프트웨어를 납품하기 위해서는 전자정부 표준 프레임워크를 준수해야 하고, SI 업계가 대다수 우리나라에서는 백엔드 개발자로 취업을 하기 위해서는 자바와 스프링을 다룰 줄 알아야 합니다. 여기까지는 다들 쉽게 알 수 있는 내용입니다. 그렇지만 백엔드 개발자가 정확히 어떤 일을 하는지, 자바와 스프링을 이용해서 무엇을 할 줄 알아야 하는지는 쉽게 알기가 어렵습니다. "이것이 취업을 위한 백엔드 개발이다 with 자바"에서는 단순 구글링이나 유튜브를 통해서 쉽게 접할 수 있는 자바 문법이 아닌, 현업에서 백엔드 개발자로써 일하기 위해 알아야 하는 내용들을 수록하고 ..
모던 자바스크립트 딥다이브 - 표현식과 문 우리는 코드를 작성하는 과정에서 값을 다룬다. 값을 생성하기 위해서는 표현식을 평가해야 한다. 표현식을 평가한다는 것은, 표현식을 해석해서 값을 생성하거나 참조한다는 뜻이다. var age = 20 + 10; 위 예제에서 20 + 10은 숫자 타입 값 30을 생성하는 표현식이다. 그러므로 변수 age에는 20 + 10이 날 것 그대로 할당되지 않고, 20 + 10이 평가된 숫자 타입 값 30이 할당된다. 그렇다면 단순한 숫자 20도 표현식일까? 20; 위 예제에서 숫자 20은 리터럴이라고 부른다. 좀 더 정확히 말하자면 숫자 리터럴이다. 100; // 정수 리터럴 100.5; // 부동 소수점 리터럴 null; // null 리터럴 등등 리터럴은 약속된 기호나 문자를 사용해서 값을 생성하는 표기법을 의미..
모던 자바스크립트 딥다이브 - 변수 모던 자바스크립트 딥다이브 스터디를 시작했다. 1~3장까지는 기본적인 자바스크립트 소개와 환경 셋팅에 대한 내용이라 4장부터 스터디를 시작하기로 했다. 4장의 내용은 변수에 대한 것. 가장 먼저 변수란 무엇인가? 프로그래밍을 할 때 가장 많이 사용하는 개념 중 하나가 변수라고 생각한다. 이 변수에 대해 이해하기 위해서는 컴퓨터가 데이터를 저장하고 불러오는 원리를 이해해야 한다. 컴퓨터는 메모리에 데이터를 저장한다. 그리고 메모리의 최소 단위는 메모리 셀이며 8비트 크기를 가진다. 이 메모리 셀에 데이터를 저장하고 메모리 셀의 주소를 통해 데이터를 참조할 수 있음. (여기서 참조란 메모리에 저장된 데이터를 읽어들이는 것을 의미한다.) 사설이 길었지만 다시 변수란 무엇인가에 대해 이야기해보자면 변수는 데이터..
메모리 효율적인 자바스크립트 기반 Fulltext 검색엔진 MiniSearch 소개 해커톤에서 챗봇 개발을 했는데, 보유한 데이터를 검색해서 보여줄 수 있는 기능이 필요했다. 별도의 서버를 사용할 수 있다면 좀 더 정석적인 도구를 사용할 수 있었겠지만, 주어진 환경이 글리치 서버 환경 뿐이라서 MariaDB나 MongoDB 같은 DB 연동이 불가능한 환경이었고, 글리치 특성 상 무거운 라이브러리를 설치하기가 부담스러웠다. 그래서 주어진 환경에서 가장 가볍고 효율적으로 원하는 기능을 구현할 수 있는 MiniSearch를 사용하게 됐다. MiniSearch의 깃허브 주소는 아래와 같다. 사용 방법과 소개 또한 원문으로 존재하기 때문에 혹시 사용해보고 싶다면 참고하면 좋을 것 같다. https://lucaong.github.io/minisearch/ MiniSearch MiniSearch M..
비전공자의 인생 첫 해커톤 1등 후기 예전부터 해커톤에 참여해보고 싶었는데, 창업 단톡방에 올라온 공고를 보고 부랴부랴 참가 신청을 하게 되었다. 이제 어디 놀러가면 10시쯤부터 졸리기 시작하는지라 무박2일 해커톤 일정을 잘 소화할 수 있을지 걱정되었지만 오늘의 내가 남은 인생에서 가장 젊으니까 무작정 도전해보기로 했다. 그렇게 신청한 해커톤... 뭘 해야하는지도 모르고 도착한 상태에서 알게된 주제는 카카오 챗봇으로 소상공인을 위한 서비스를 개발하는 것이었다.해커톤의 전체적인 프로세스는 아래와 같이 흘러갔다.1. 참여자 조 짜기 온라인으로 검색해봤을 때 해커톤은 보통 커다란 홀에서 이루어지던데 내가 참석한 해커톤도 마찬가지로 커다란 홀에 모여서 옹기종기 개발을 진행했다.나름 전문 진행자분도 계셔서 개발자와 비개발자를 섞어서 빠르게 조를 짠 ..
비전공자의 42경산 1기 라피신 후기 1. 42 경산이란? 혹시 42 서울을 들어보셨나요? 42 서울은 프랑스의 에꼴42의 어쩌구저쩌구... 네, 설명이 장황하니 요약하자면 42는 교수, 교재, 교육비가 없는 코딩 교육과정입니다. 좀 더 엄밀히 말하면 코딩 보다는 프로그래밍 전반에 대한 교육 과정이라고 할 수 있겠네요. 현재 전 세계적으로 수십개의 캠퍼스가 존재하며 세계적으로 유명한 교육기입니다. 국내에도 이미 서울에 캠퍼스가 존재하는데 이번에 42 경산 캠퍼스도 생겼습니다. 기존의 부트캠프와는 결이 다르다는 평이 많아서 궁금하기도 했고, C언어와 터미널 위주의 교육 환경이 궁금하기도 해서 한 번 신청해보았어요. 2. 42 경산에 기대하는 것 한달간 라피신 과정을 진행하면서 라피신은 본인이 42의 교육과정에 적합한지 확인하고, 적합하지 않다..
리액트, 원하는 게시글의 댓글 목록만 열기(feat. map함수) 요즘 리액트를 이용해 SNS를 구현하고 있다. 게시글의 댓글 아이콘을 클릭하면 댓글 목록이 렌더링 되도록 하고싶었는데 문제가 발생했다. 바로 한 개의 게시글에서만 댓글 아이콘을 눌러도 다른 게시글의 댓글 목록이 모두 열리는 것. 사실 멋쟁이사자처럼에서 프로젝트를 진행했을 때 해당 기능을 구현해보았었다. 2023.08.31 - [코딩/ReactJS] - react에서 댓글 기능 구현하기(선택된 컴포넌트만 댓글UI 보여주기) react에서 댓글 기능 구현하기(선택된 컴포넌트만 댓글UI 보여주기) 오늘 하루종일 씨름한 댓글 기능 구현하기 후기... 기존에 댓글 기능을 간단하게 구현해두었지만 서버와의 연동을 위해서 조금 손보고자 시작한게 하루를 뚝딱 집어삼켜버렸다. 처음에는 그냥 a bebutae.tistory..

티스토리툴바