본문 바로가기

분류 전체보기

TurtleNeck - 데브코스 프론트엔드 1기 3차 팀 프로젝트 회고 GitHub - prgrms-fe-devcourse/NFE1_2_3_TurtleNeck: 🐢거북목에 시달리는 개발자들을 위한 IT 블로그🐢🐢거북목에 시달리는 개발자들을 위한 IT 블로그🐢. Contribute to prgrms-fe-devcourse/NFE1_2_3_TurtleNeck development by creating an account on GitHub.github.comTurtleNeck 블로그 프로젝트 회고프로젝트 개요TurtleNeck 블로그는 개발자들을 위한 테크 블로그 플랫폼으로, 사용자가 마크다운 에디터를 통해 쉽게 글을 작성하고, 다른 사용자들과 좋아요 및 댓글로 소통할 수 있도록 설계되었습니다. 이 플랫폼은 개발자 간의 소통과 피드백을 통해 서로의 성장을 돕는 커뮤니티를 .. 더보기
컴퓨팅 사고, 프로그래머-개발자처럼 사고하기에 대한 고찰 개발자를 준비하면서 문제 해결 능력, 컴퓨팅 사고라는 말을 자주 듣긴 했지만, 조금 뜬구름 잡는 이야기 같았습니다.많은 사람들이 이를 강조하지만, 실제로 이 개념들이 어떻게 적용되는지 잘 와닿지 않을 때가 많았습니다.하지만 조금씩 컴퓨팅 사고란 무엇인지 학습하고 경험을 쌓으면서,문제 해결 능력과 컴퓨팅 사고가 단순히 이론이 아니라 실무에 깊이 관련된 중요한 스킬이라는 것을 깨닫게 되었습니다. 컴퓨팅 사고는 단순히 코드를 작성하는 것을 넘어서 문제를 명확히 정의하고, 이를 해결하기 위한 최적의 방법을 찾는 과정입니다. 개발자로서 다양한 문제를 만날 때, 이를 단계적으로 분해하고 최적화된 솔루션을 찾는 능력이 필수적입니다. 이러한 사고 과정은 우리가 일상에서 마주치는 작은 문제들부터 복잡한 시스템 설계까지 .. 더보기
Trip Track - 데브코스 프론트엔드 1기 2차 팀 프로젝트 회고 (feat. ChatGPT) 이번 Trip Track 프로젝트는 많은 배움을 준 소중한 경험이었습니다.여러 도전과 실수를 통해 개선해야 할 부분도 발견하게 되었고, 프로젝트를 계획대로 마치지 못하거나일부 기능을 제대로 구현하지 못한 점도 있었습니다.이번 포스트에서는 팀원간의 회고를 통해 얻은 교훈을 기록하고, 앞으로의 발전을 도모하고자 합니다.팀 작업의 어려움1. 팀원 간 어색한 침묵프로젝트 초반에 팀원 간 소통이 원활하지 않아 의사소통 지연과 불필요한 침묵 시간이 발생하면서 팀의 생산성에 부정적인 영향을 미쳤습니다. 서로 의견을 나누고 적극적으로 대화하지 않아 프로젝트 전반에 걸쳐 소통의 비효율성이 존재했습니다. 만약 소통이 원활했다면 문제 해결 속도와 팀의 결속력이 훨씬 높아질 수 있었을 것입니다.2. 짧은 스크럼 진행노션에 작.. 더보기
HTTP 요청 메서드 HTTP 요청 메서드에 대한 이해Express.js를 사용할 때, Router()와 함께 사용하는 HTTP 요청 메서드(get, post, put, delete 등)에 대한 개념이 모호하다고 느꼈다. 이러한 메서드는 웹 애플리케이션이 서버와 통신할 때 중요한 역할을 하며, 각 메서드는 특정 작업을 수행하기 위해 사용된다. 이번 글에서는 HTTP 요청 메서드의 의미와 특성에 대해 알아보겠다.HTTP 요청 메서드HTTP 요청 메서드는 웹 애플리케이션에서 클라이언트가 서버에 리소스에 대해 수행할 작업을 지시하는 명령어다. 각 메서드는 고유의 특성(안전성, 멱등성, 캐시 가능성)을 가진다.HTTP 요청 메서드의 특성안전성(Safe)안전한 메서드는 서버의 상태를 변경하지 않으며, ‘읽기 전용’ 작업만 수행한다. .. 더보기
AJAX와 Virtual DOM: 비슷해 보이지만 전혀 다른 두 기술의 차이점 웹 개발을 하다 보면 다양한 기술과 개념이 등장하고, 이 중에는 처음에는 비슷하게 느껴지지만 실제로는 완전히 다른 목적과 기능을 가진 기술들이 있습니다. AJAX와 React의 Virtual DOM도 그중 하나입니다. 이 두 가지는 모두 웹 애플리케이션의 동적이고 반응적인 사용자 경험을 가능하게 하지만, 그 방법과 원리는 크게 다릅니다. 오늘은 이 두 가지 기술을 비교하여 그 차이점을 명확히 해보겠습니다.AJAX(Asynchronous JavaScript and XML)서버와 클라이언트 간의 비동기적 데이터 교환웹 앱이 비동기 HTTP 요청을 통해 서버에서 콘텐츠를 가져오고, 새 콘텐츠를 사용하여 전체 페이지를 로드하지 않고도 페이지의 관련 부분을 업데이트하는 웹 개발 기술기존에는 사용자가 웹 페이지에서.. 더보기
CSR(Client-Side Rendering)은 어떻게 SEO를 극복하는가? (feat. SSR) 리액트(React)와 같은 클라이언트 사이드 렌더링(CSR) 라이브러리들은 현대 웹 개발에서 매우 인기가 높습니다. 이들은 동적이고 사용자 경험이 우수한 웹 애플리케이션을 구축하는 데 큰 장점을 제공합니다. 하지만 CSR에는 SEO(검색 엔진 최적화) 측면에서 몇 가지 도전 과제가 있습니다.이 블로그 글에서는 CSR과 서버 사이드 렌더링(SSR)의 차이점을 비교하고, CSR이 SEO에 미치는 영향을 살펴본 후, 이러한 한계를 극복하기 위한 방안을 제시하겠습니다.CSR(Client-Side Rendering)웹 앱이 서버로부터 최소한의 HTML과 자바스크립트 파일을 전송받고, 클라이언트(브라우저)에서 자바스크립트를 실행하여 페이지의 콘텐츠를 동적으로 생성하는(그리는) 방식 CSR의 절차사용자가 웹 페이지를.. 더보기
Git Flow와 GitHub Flow 소프트웨어 개발에서 브랜치 전략을 선택하는 것은 프로젝트의 성공과 팀 효율성에 큰 영향을 미칩니다. Gitflow와 Github Flow는 개발자들이 자주 사용하는 두 가지 브랜치 관리 전략으로, 각기 다른 용도와 장단점을 가지고 있습니다. 이 글에서는 Gitflow와 Github Flow의 개념, 흐름, 특징, 그리고 두 전략의 비교를 통해 어떤 상황에서 어떤 전략이 적합한지 알아보겠습니다.Git FlowGitflow는 Vincent Driessen이 2010년에 제안한 브랜치 관리 모델입니다. 이 전략은 주로 대규모 프로젝트에서 복잡한 릴리즈 관리를 체계적으로 수행하기 위해 설계되었습니다. Gitflow는 다양한 브랜치들을 정의하고, 이들 브랜치 간의 명확한 흐름을 통해 개발 과정을 관리합니다.Git.. 더보기
JavaScript Map 객체와 이중 대괄호([[]])의 사용 JavaScript의 Map 객체는 키와 값을 쌍으로 저장하고, 순서가 있는 요소들을 관리하는 유용한 자료구조입니다. Map 객체는 다양한 방식으로 초기화할 수 있으며, 이중 대괄호([[]])를 사용하는 방법에 대해서도 알아보겠습니다.이중 대괄호는 두 가지 주요 상황에서 사용될 수 있습니다: Map 객체의 초기화와 Map의 값으로 이중 배열을 사용할 때입니다.1. 이중 배열을 사용하여 Map 초기화하기Map 객체는 이중 배열을 사용하여 초기화할 수 있습니다. 이 경우, 외부 배열의 각 요소는 [키, 값] 형태의 배열이어야 합니다. 다음은 이중 배열을 사용하여 Map 객체를 초기화하는 예제입니다:const map = new Map([ ['key1', 'value1'], ['key2', 'value2'].. 더보기

티스토리툴바