분류 전체보기

오픈소스 구성원저작자 : 오픈소스 플젝 만든 사람 or 조직사용자 : 오픈소스 플젝 사용하는 사람Maintainer 메인테이너 : 프로젝트를 관리하는 책임이 있는 사람방향을 알고, 설정한 저작자 또는 컨트리뷰터 중 한명없어도 돌아가기는 한다. > 컨트리뷰터가 날린 pr 을 관리하는 커미터 존재contributor 컨트리뷰터 : 컨트리뷰션 활동을 하는 모든 사람Commitor 커미터 : 컨트리뷰션을 리뷰하는 사람. 컨트리뷰터 중 하나프로젝트에 반영할지 말지 결정 권한을 가지고 있는 컨트리뷰터없어도 된다 컨트리뷰터의 유형코드에 한정되지 않음 > 소스코드 뿐만 아니라 + 테스트, 배포, 가이드(문서화), 기획, 설계, 분석 등등....리액트 컨트리뷰터 1000명 이상.....~ 공식문서에서 가이드를 제공한다...

오픈소스 코드 공개시 > 깃허브 가이드수익을 챙길시 꼼꼼히 챙기기오픈소스의 공식 홈페이지 링크를 활용하기 프로젝트에 사용시 > 깃허브 레포지토리 Readme / License.txt 에 명시 오픈 소스 가이드Learn how to launch and grow your project.opensource.guideGitHub 프로젝트를 공개하는 것은 프로젝트 라이센싱과 동일하지 않습니다. 공개 프로젝트는 GitHub의 서비스 약관에 명시되어 있으며, 다른 사람들이 프로젝트를 보거나 포크할 수는 있지만, 다른 권한은 없습니다.오픈소스 정보 복사로 가져오기만 해도 ㄱㅊㄱㅊGPL 분유의 라이선스는 출처 외에도 챙겨야할 사항이 많다 > MIT 추천하는 문화 GitHub에서 새로운 프로젝트를 만들 때, 라이선스를 추..

개발자 선호 문화코딩테스트 인터뷰자율적 개인 개발 장비 선택자율적 팀 개발 환경 선택소스 코드 리뷰 및 테스트개발자 기여 로드맵/백로그지속적 통합 및 배보 CI/CD내부 소스 레포지터리 공유API를 기반한 연통 및 소통기술을 이해하는 팀장/매니저개발자 레벨 혹은 경력 관리참여형 지식 공유 플랫폼개발자 관계 DevRef 활동 참여형 지식 공유 플랫폼 Stack Overflow - Where Developers Learn, Share, & Build CareersStack Overflow | The World’s Largest Online Community for Developersstackoverflow.com개발자들은 서로 질문하고 도움을 주고받는다!** 깃허브 오픈소스 영향력 오픈소스누구나 특별한 제한..

Drag And Drop : DND 앱CRA > `react-beautiful-dnd`드래그앤드랍을 위한 라이브러리 GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with ReactBeautiful and accessible drag and drop for lists with React - atlassian/react-beautiful-dndgithub.com : 사용하고 싶은 부분 전체를 감싸는 wrap : 드래그 떨굴 수 있는 부분 : 드래그 할 아이템+ provied + {...provided.droppableProps} + ref={provide.innerRef} > 스타일 및 조회를 ..

EditModal.tsx 할일 누르면 > 상세정보 열고 닫힘닫힘 아이콘 FiX 를 누르면 > handleCloseButton 함수 호출dispatch로 상태관리한 setModalActive를 false로 만들면modalActive가 false가 되어서 App.js에서 호출한 거에서 null 이 된다.import React, { useState } from "react";import { FiX } from "react-icons/fi";import { useTypedDispatch, useTypedSelector } from "../../hooks/redux";import { setModalActive } from "../../store/slices/boardsSlice";const EditModal =..

BoardList.tsx 게시판 목록 생성, boardId 이동`npm i react-icons`app.tsx 에서 props 로 activeboardId 상태값을 전달한다. 어떤 게시판이 선택되었는지! const [activeBoardId, setActiveBoardId] = useState("board-0");  BoardList.tsx게시판을 선택했을때, 어떤 boardId가 클릭이 활성화 되어있는지 확인하고, 해당 게시판 정보가 열리게 하기!- 전역으로 상태값을 전달하면 타입 에러가 발생하기 때문에, 사용할 BoardList 컴포넌트에 props의 타입을 지정한다type TBoardListProps = { activeBoardId: string; setActiveBoardId: React...

Trello와 비슷한 형식의 Task 웹 만들기- 게시물 마다 할일 생성- 할일 list 여러개- 할일 상세정보 확인- 활동기록 로그 확인- 할일 자유롭게 이동 가능 환경세팅 vite, 폴더구조npm npx registry 패키지 안에 node 관련 패키지들이  가져온다npx : 패키지 가져오는건 동일, nodemodules 에는 저장하지 않고, 사용할 수 있게 한다. > 한번만 사용할때 유용`npm init vite` React, TypeScript 선택 > `npm i` 로 package 에 있는 필요한 라이브러리 저장하기`npm run dev` id root 안에 src 값이 들어가있다. SPA(index.html) > MPA(about.html) 폴더구조`useSelector`, `useDispa..

props메인 App 파일이 아닌, 특정 데이터를 컴포넌트끼리 정보를 공유해야 할때, 매개변수를 통해 전달하는 형태를 props 라고 한다.React.FC : 함수에 전달되는 인자 props의 타입을 선언하는 명령어. children Props의 타입 체킹이 명확히 되지 않는다는 단점이 있다. (기본적으로 children Props가 옵셔널 형태로 들어가 있으니 확실히 children이 있어야 하는지 없어야 하는지 명확히 타입 체킹이 되지 않는다는 점)import React from "react";interface MyProps { weather: string; children: React.ReactNode;}const MyWeather: React.FC = (props) => { return ( ..

최근에 아이폰 IOS 18 베타버전이 나왔다는 소식을 듣고 여러 정보와 영상을 보았다.그러다 예전 생각이 나서 개발자 장비, 데스크 셋업에 대해 글을 쓰기로 했다. 그래서 나는 데스크 셋업이 완벽하냐? 아니다. 그래도 조금은 준비한 듯?예전에는 되어있었냐? 절대 아니다. 완벽한 흑역사.예전이 생각나서 장비빨에 대해 이야기 해보려고 한다. 예전에 스무살이 되면서 학생때 쓰던 폴더폰을 없애고 아이폰 7 로즈골드를 샀다. 내 첫 스마트폰! 이때는 아이폰 쓰는게 국룰이었다. 적어도 내 주변에서는..ㅎㅎ그리고 19년도에는 학교 사이트가 맥북으로는 접속이 안되서 게이밍 노트북 LG 꺼를 샀었다.(지금 제일 후회하는 중)1년간 모든 수업 자료를 프린트해서 들고다니다가, 갤럭시탭을 썼다.블루투스 이어폰은 아빠가 예전에..