전체 글
개발상식 | 좋은 코드란?
웹 프론트엔드 관점에서의 좋은 코드 프론트엔드 개발자가 되기위해 학습을 진행하다 보면 개발자는 좋은 코드를 작성해야한다. 라는 글이 많았다. 그래서 도대체 좋은 코드란 무엇인지에 대해서 탐구해 보려고 한다. 좋은 코드라는 것은 개발자들의 관점에 따라 여러 종류로 나뉜다는 것을 알게 되었다. 예를 들어 보면 읽기 쉬운 코드, 중복이 제거된 코드, 테스트를 하기 좋은 코드 등등이 있다.. 읽기 쉬운 코드 읽기 쉬운 코드를 작성하는 것은 정말 어렵다고 생각한다. 지금 당장은 내가 이해하고 읽기 쉽다고 생각해서 작성한 코드들을 몇개월이 지난 후 보게 되었을때는 그 코드가 당장 이해가 가지 않는 것처럼 말이다. 읽기 쉬운 코드에는 어떤 것들이 있을까? 일관성이 있는 코드, 문맥이 있는 코드 일관성이 있고 문맥이 ..
Git | 브랜치 생성 , 변경, 목록 확인
branch 목록 조회 생성되어 있는 브랜치 목록을 보기위한 명령어 git branch (로컬 브랜치 목록 조회) git branch -r (리모트 브랜치 목록 조회) git branch -a (모든 브랜치 목록 조회) branch 변경 ( checkout ) 현재 브랜치를 원하는 브랜치로 변경하는 명령어 git checkout (로컬 저장소) git checkout -t (리모트 저장소) branch 생성 ( Local ) 로컬 저장소에 브랜치를 생성하는 명령어 git branch branch 생성 ( Remote ) 로컬에서 생성한 브랜치를 리모트 저장소(github) 에도 생성하기 위한 명령어 git push origin
Front-End | CORS (Cross Origin Resource Sharing), proxy
포스트 계기 현재 프론트엔드 + 백엔드로 구성된 팀 프로젝트를 진행하고 있는 중이다. 프론트엔드측에서는 JavaScript 프레임워크인 Vue 를 이용하여 개발을 진행 중이고 백엔드 측은 Java 언어인 Spring을 통하여 개발을 진행하는 중이다. 이 두 가지의 프레임워크를 서로 연동을 시켜주는 작업을 진행하던 도중에 결국 실제 배포 환경에서는 Vue로 작성한 코드들이 build 되어 정적인 파일로 바뀌게 되고, 요청을 받는 서버는 Spring 서버 하나가 되어야 하는 것을 알게 되었다. 그렇지만 현재 단계에서는 분명 Vue의 port번호와 Spring의 port번호는 다른 상태이고 그로 인해 CORS에 관해 학습을 진행하게 되었다. 그 과정에서 proxy, axios, fetch, build 등에 대..