본문 바로가기

전체 글

 (64)
[Develop/Node&Express] Express / GraphQL / Appllo 맛보기 1 시작하며 이번에 GraphQL을 알게 되면서 한 번을 사용해서 서비스를 제공해보고 싶었지만 회사에서 제대로 GraphQL을 적용할 여건이 생기지 않아 개인적으로 간단하게나마 구현해보면서 GraphQL이 무엇인지? 어떤 상황에서 개발에 어울릴지 장점은 무엇인지? 에 대하여 정리해보고 간단하게 테스트 해보았다. Express / GraphQL / Appllo 간단 맛보기 1 먼저 일반 서버를 Node.js 만을 사용해서 Backend를 구성해도 되지만 기존에 관심을 가지고 개인적으로 공부하던 Express.js를 사용하기로 했다. 이번 포스팅의 중점은 Express 보단 GraphQL과 Apollo에 맞춰서 포스팅하려 한다. GraphQL 이란? GraphQL은 페이스북에서 만든 쿼리 언어로 REST API..
[Develop/React] React Create-React-App(CRA) 환경변수 간단사용 (dotenv) React Create-React-App(CRA) 환경변수 간단 사용 (dotenv) React Create React App(CRA)은 개발자가 Babel이나 webpack 같은 build 도구를 별다른 설치 과정과 설정 없이도 동작할 수있도록 도와준다. CRA로 React Project를 진행할 경우 dotenv를 포함하게 되는데 dotenv는 project의 환경 별로 프로젝트 구성을 제공할 수 있도록 해준다. 즉, development, test, production.. 등 각 환경에 맞춘 변수들을 제공하여 줄 수 있다. CRA로 시작하면 dotenv가 package에 포함되어있다. 간단 사용 방법 먼저 dotenv는 .env 파일을 따른다. Project의 src 아래에 아래의 이름으로 파일을 ..
[Develop/Node] Node란? 설치 및 맛보기 시작하며 작년부터 Vue나 React 평소에 관심이 있던 SPA들을 공부하고 프로젝트를 진행하면서 자연스럽게 node에 대한 관심이 생기게 되었고 node를 기반으로 한 api 서버를 구축해보고자 인프런에서 온라인 강의를 듣게 되었다. 강의를 들으면서 알게 된 지식과 덧붙여 개인적으로 공부하여 알게 된 점들을 포스팅하려고 한다. Node.js 란? 구글링을 해보면 Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 라고 나온다. 왜 그렇게 이야기할까? 다들 알고 있듯이 JavaScript는 브라우저에서 동작하는 언어이다. Node는 이런 Javascript 코드를 브라우저 밖에서도 실행할 수 있도록 해준다. 아마 직접 구현은 아직 못해봤지만, Electron 같은 프..
[Develop/CodingTest] 프로그래머스 완전탐색 모의고사 프로그래머스 > 완전 탐색 > 모의고사 Level 1 / JavaScript 이번에는 완전 탐색 관련 코딩 테스트 문제를 풀어보았다. 물론 여러 개발자들이 다양한 알고리즘을 통하여 문제를 해결했겠지만, 나의 방식으로 문제 풀이를 정리해보려 한다. 누군가에겐 조금이라도 도움이 되었으면 한다. https://programmers.co.kr/learn/courses/30/lessons/42840 코딩테스트 연습 - 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 �� programmers.co.kr 먼저 문제를 살펴봅시다. 문제 설명 먼저 문제는 간단합니다. 수포자..
[Develop/CodingTest] 프로그래머스 소수찾기 레벨1 프로그래머스 소수 찾기 레벨 1 저번 코딩 테스트 공부에 이어 조금씩 발전해 나가기 위해서 소수찾기 코딩 테스트를 연습해 봤다. 이번에도 자바스크립트로 코딩 테스트를 진행하였고 역시나 만족하지 못하는 결과를 얻었지만, 조금 씩 풀다 보면 자연스레 발전할 것이라 믿는다. https://programmers.co.kr/learn/courses/30/lessons/12921 코딩테스트 연습 - 소수 찾기 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 제한 조건 n은 2이상 programmers.co.kr 대강 문제는 n를 주어지고 n의 범위 중에 소수의 개수를 찾는 문제였..
[Develop/CodingTest] 프로그래머스 해시 코딩테스트 연습1 프로그래머스 해시 코딩 테스트 연습 예전부터 언젠가의 이직에 대한 생각도 있었고 여러 회사의 공고들을 보면서 요새 많은 회사들이 어떤 기술을 활용하는지와 개발 트렌드도 파악하는데 도움을 얻었다. 결론적으로는 막연하게 트렌드만 보기도 했고, 대부분의 개발회사가 코딩 테스트를 본다.. 신기술에 대해서는 찾아보고 공부하는 부분도 있지만 실질적으로 중요한 부분은 로직을 어떻게 짜는지도 중요하다고 생각하기 때문에 다시 코딩 테스트를 통하여 지식을 탄탄하게 해야겠다는 생각과 언젠가의 이직에 대한 생각 때문에 코딩 테스트를 공부해야겠다는 생각이 들었다. 프로그래머스 > 해시 > 위장 문제 해당 문제는 아래 URL을 통하여 접속할 수 있다. https://programmers.co.kr/learn/challenges?..
[Develop/JavaScript] JavaScript 세미콜론의 여부 JavaScript 세미콜론의 여부 코딩 테스트 관련 문제를 찾아보던 도중 세미콜론에 대한 긍정적, 부정적인 부분의 글을 읽었다. JavaScript 뿐만 아니라 C, JAVA도 문장의 끝에 세미콜론을 붙인다 JAVA에서는 세미콜론을 코드의 끝에 명시해주지 않을경우 컴파일 에러가 발생한다. 세미콜론에 대한 막연한 생각 지금까지 'JavaScript에선 세미콜론을 붙이지 않는다고 JAVA에서처럼 에러가 나진 않는다.' 정도만 이해하였고 현재 Vue.js로 스티디 팀원들과 간단한 토이 프로젝트를 진행 중이다. 지금까지 세미콜론에 대한 생각이 뚜렷하게 없었고, 템플릿의 소스에 세미콜론이 존재하지 않았기 때문에 기존과 다르게 세미콜론을 사용하지 않고 작업중이다. 그에 따라 느낀 생각은 지금까지는 ..
[Daily] 뉴발란스 990 v4 주피터 / M990JP4 / 리뷰 및 사이즈 뉴발란스 990 v4 주피터 / M990JP4 / 리뷰 및 사이즈 요번에 계속 눈여겨보던 뉴발란스 990을 구매할 기회가 되어 v4 주피터 색상을 아는 지인에게 저렴한 가격에 구매하게 되었다. 주피터란 색상은 원래 990은 그레이 색상이 가장 무난하고 인기가 많은 제품인데 주피터 색상이 나름 매력이 있고 지인이 새 상품인데 살짝 하자가 있는 제품이라 싸게 판매하고 265 사이즈라 고민 없이 구매하였다. 주피터 색상 나름대로 컬러감이 이쁘다고 생각이 든다. 구매 전 인터넷을 통해 봤던 색상보다 훨씬 매력적이었다. 카키 색상 바지나 아이보리색 바지에 매치하면 이쁘게 신을 수 있을 거 같다. 색상은 위에 사진들보다 조금 더 어둡고 진한 색이다. 한 여름에 신기에는 다소 두께감이 있다. 사이즈는 뉴발란스 530..

티스토리툴바