종종

Write now? Right now!

프로그래밍/Front-end

1. fetch VS axios 백엔드와 통신을 하기 위해선 비동기 HTTP 통신을 하게 된다. fetch 또는 axios의 활용이 필요하다. 각자 선호하는 방식에 따라 선택을 하면 되는데, 필자는 axios를 선택하게 되었다. fetch와 axios의 비교를 통해, 자신에게 적합한 라이브러리를 확인하여 선택하면 될 것이다. (1) fetch fetch는 Promise(JavaScript 비동기 처리의 성공 유무를 나타내는 객체) 기반 JavaScript 내장 라이브러리로, 추가적인 설치 과정 없이 바로 활용이 가능하다. 다만, 네트워크 에러가 발생하는 경우 response timeout이 없어 기다려야 하며, 전달받은 데이터를 JSON으로 변환해주는 과정이 필요하다. (2) axios axios는 Pr..

2023. 11. 19.

프로그래밍/Front-end

1. 라우팅: Routing이란 무엇인가 해당하는 페이지에 가기 위해 서버에서 요청한 url에 대한 정보를 전달해주는 것을 말한다. 즉, 서버로부터 새로운 데이터인 html을 전달받아 오는 것이다. 이때 브라우저 페이지 전체가 새로운 데이터를 받아오게 된다. 정보를 전달받아 오는 구체적인 과정은 다음과 같다. 1. 새로운 url 경로 입력하기 2. url에 대한 정보를 네트워크 서버에 요청하기 3. 서버로부터 새로운 데이터인 html을 받아와 페이지 전체 업데이트하기 2. CSR: Client Side Routing이란 무엇인가 일반적인 라우팅과 달리 새로운 링크를 클릭할 때 url이 업데이트가 되지만, 페이지 전체가 새로운 데이터를 받아오는 것이 아니다. 즉, 완전히 새로운 html을 받아 오는 것이 ..

2023. 10. 3.

프로그래밍/Front-end

1. FrontEnd Library와 Framework의 등장 이유 (1) 정적 웹페이지와 동적 웹페이지란 무엇인가 정적 웹 페이지는 웹 서버에 이미 저장되어 있는 HTML문서를 클라이언트에게 전달한 것이다. 단순한 정보 전달의 원리를 가지기에, 유저의 인터랙션은 중요하지 않다. 고로 HTML과 CSS만으로도 웹 페이지를 생성할 수 있다. 하지만 현재 사용자들이 요구하는 페이지는 동적 웹 페이지이다. 동적 웹 페이지는 유저의 요청 정보를 처리한 후 제작된 HTML 문서를 클라이언트에게 전달한 것이다. 이때 HTML 제작 방식을 SPA(Single Page Application)이라 한다. (2) 라이브러리와 프레임워크의 필요성 프로젝트의 규모가 커지고, 다양한 유저 상호작용이 전달되면 DOM 요소들 역시..

2023. 9. 17.

프로그래밍/etc

유사한 의미를 가지고 있는 두 용어의 차이점을 알아보도록 하겠다. 1. 클린코드 정의는 다음과 같다. 가독성이 높은 코드 즉, 작성한 코드가 얼마나 잘 읽히고 명료한지 나타내는 것이다. 다음의 조건을 만족해야 한다. 올바른 네이밍 오류 없음 중복 없음 의존성 최대한 감소 클래스 또는 메소드가 한 가지 일만 처리 예시를 통해 자세히 알아보도록 하겠다. 원본 코드 public int AAA(int a, int b){ return a+b; } public int BBB(int a, int b){ return a-b; 클린코드가 적용된 코드 public int sum(int a, int b){ return a+b; } public int sub(int a, int b){ return a-b; } 원본 코드는 A..

2023. 8. 25.

프로그래밍/버전관리

혼자가 아닌 여럿이서 하는 협업 환경에서의 개발은 다양한 도구가 사용된다. Notion, Slack, Jira 등등! 하지만 Github의 기능을 이용한다면 간단한 협업은 위의 도구가 필요 없다. Issue, Project만 이용한다면 말이다. Issue와 Project를 생성하고 활용하는 방법에 대해 알아보겠다. 1. Issue Issue에는 Labels와 Milestones라는 추가적인 기능이 존재한다. Issue를 더 효율적으로 사용하는 것에 도움을 주는 역할을 한다고 볼 수 있다. (1) 일반 Issue Issue는 다양한 상황에 맞춰 글을 작성할 수 있다. 위의 예시는 유니티 게임 개발을 하던 중 발생한 오류에 대해 작성한 글이다. 다른 부가적인 설정은 하지 않았다. (2) Labels를 사용한..

2023. 8. 20.