오물오물 개발일기

국내 여러 개발팀들의 문화를 점수로 따져본다면 순위가 어떻게 될까요!? 코딩 테스트 인터뷰 자율적 개인 개발 장비 선택 자율적 팀 개발 환경 선택 소스 코드 리뷰 및 테스트 개발자 기여 로드맵/백로그 지속적 통합 및 배포 (CI/CD) 내부 소스 레포지터리 공유 API를 기반한 연동 및 소통 기술을 이해하는 팀장/매니저 개발자 레벨 혹은 경력 관리 참여형 지식 공유 플랫폼 개발자 관계(DevRel) 활동 위의 모든 사항이 해당 안된다. - (13일의 금요일..) 등의 총 13가지 질문을 가지고 설문 조사를 실시하였고 총 415명의 개발자가 참여하였습니다. 이에 따라 해당 하는 항목에 1점씩 점수를 매겨서 통계를 냈다고 하네요. 설문조사 결과 상위권으로는 12점 – 카카오, 라인플러스, 우아한형제들, 컴투..

👏 컴포넌트 분리하기 컴포넌트 분리하기에 앞서 Vue는 Vue의 Template문법 + HTML, React는 JSX 문법으로 UI를 작성하게 됩니다. 해당 예제는 Vue : https://github.com/baegofda/blog-vue React: https://github.com/baegofda/blog-react 위의 주소에서 데모와 함께 소스코드 확인이 가능합니다! 1. 컴포넌트 분리하기 (Button) 가장 기본적이면서도 중요한 컴포넌트를 먼저 분리해보도록 하겠습니다. 먼저 버튼(Button) 컴포넌트를 분리합니다. React // Button.jsx import React from "react"; import styled from "styled-components"; const Button..

👏 TODO 예제 시작 ! 이번 포스팅부터는 아래의 간단한 TODO의 코드를보며 Vue에 대해 알아가볼 예정입니다. #간단주의 해당 예제는 Vue : https://github.com/baegofda/blog-vue React: https://github.com/baegofda/blog-react 위의 주소에서 데모와 함께 소스코드 확인이 가능합니다 ! 👀 특징 먼저 React와 Vue 코드의 차이점들을 간단하게 코드의 형태로 알아보겠습니다. React의 통상적인 형태는 아래와 같습니다. import React, { useRef, useState } from "react"; import styled from "styled-components"; import Button from "../components..

✨ 시작하기 앞서 ! 오랫동안 멈춰있던 포스팅을 시작하기 위해 Vue 입문을 위한 간단한 포스팅을 시작할 예정입니다. 작성된 Vue 입문의 글들은 React와 비교하며 작성될 예정입니다 ! 또한 Node.js, npm과 yarn이 설치되어있다는 전제로 진행합니다. 💾 설치 및 프로젝트 생성하기 React와 Vue 모두 CLI 기반의 설치를 지원합니다. React의 경우 손쉽게 시작할 수 있게 해주는 React의 CRA를 설치합니다. npm install -g creat-react-app # OR yarn global add creat-react-app # 제대로 설치되어있는지 확인 create-react-app --version 이후 프로젝트 생성을 위한 CRA 명령어를 실행합니다. yarn create..