팀 프로젝트 회고 : 괴발개발

괴발개발 깃허브  |  괴발개발 바로가기  |  팀노션  |  괴발개발 기획서  |  컨벤션안녕하세요. 9월도 벌써 끝나버렸네요.제가 데브 코스에 합격하고 공부한지 벌써 4개월이 지났습니다.이번달 회고는 이번 프로젝트에선 어떤것을 배웠지?를 중점으로 회고하겠습니다.🍁9월의 시작9월 첫 주부터 저는 너무 바빴습니다. 일단 Typescript 사용이 능숙해지고 싶어서 이펙티브 타입스크립트 스터디를 진행했고 어떻게든 3주라는 시간동안 모든 챕터를 읽었습니다. 다 읽었다는 사실은 있지만 머리에 많이 남았나를 물어본다면 그렇게 많이 남지는 않는 것 같습니다. 하지만 책을 고작 한번 읽어서 마스터 할 생각은 없었고, 퀴즈를 제출하기 위해 생각해보고 이 부분이 오늘 읽었던 분량에서 중요한부분인지 판단하는 과정에서 ..

• format_list_bulleted 프로젝트/개발괴발
• · 2024. 8. 6.
• textsms

스크롤시 다른 영역도 스크롤 되는 문제 해결

무슨 문제가 생겼나?왼쪽의 사이드바 스크롤을 움직일 때 오른쪽의 컴포넌트 영역이 스크롤 되는 현상 발생!위의 css를 적용해주면 문제가 해결됩니다.https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior

• format_list_bulleted 프로젝트/개발괴발
• · 2024. 8. 6.
• textsms

리액트 에디터 개발 기록

현재 나는 무엇을 하고있는가?저는 현재 프로젝트로 개발자 커뮤니티를 제작중입니다.여기서 특징은 게시글과 댓글 모두 마크다운 문법을 사용할 수 있는 에디터를 이용한다는 것인데 직접 만들어 사용하기로 결정했습니다.왜 에디터를 직접 만드려고 하는가?기존에 존재하는 에디터를 가져와도 되지 않나?라는 의문이 충분히 드실 수 있는데, 일단 기존에 존재하는 WYSIWYG(위즈윅: What you see is what you get) 에디터를 사용하기 위해 여러가지 패키지들을 다운받아봤지만 원하는 기능(코드 블럭을 사용할 수 있는가?)을 충족시키는 에디터가 별로 없었고 찾았더라도 업데이트가 되어있지 않아 사용하고있는 리액트 버전에선 동작하지 않는 경우가 많았습니다. 그나마 CKEditor를 끝까지 사용해보려했지만 제가..

• format_list_bulleted 프로젝트/개발괴발
• · 2024. 8. 6.
• textsms

contentEditable에 placeholder 적용하기(흉내내기)

contentEditable에서 placeholder를 적용하려면..위의 코드와 같은 방식으로 작성했을때 과연 아래의 사진과 같은 결과가 나올까요?직접 해봤다면 원하는대로 적용이 되지않음을 알 수 있습니다.placeholder는 input이나 textarea 태그인 경우에만 사용할 수 있습니다.따라서 ContentEditable은 엘리먼트를 input처럼 편집할 수 있지만 placeholder 어트리뷰트는 적용할 수 없음을 알 수 있습니다. 그렇다면 placeholder를 사용할 수 있는 방법은 없는걸까요..?😭가능합니다!가상클래스를 이용한 방법으로 placeholder인것 처럼 동작할 수 있게 만들 수 있는데 방법은 아래와 같습니다.:empty : 자식, 텍스트가 없는 요소 선택:before : 의사..

• format_list_bulleted 프로젝트/개발괴발
• · 2024. 8. 6.
• textsms

프론트엔드 프로젝트 : 개발자 커뮤니티 - 시작

오늘 한 일프로젝트 주제 정하기✅ 결정 = 개발자 커뮤니티 & 챌린지 : 문서 편집기 직접 구현 (예전에 진행했던 노션 클로닝 복습)프로젝트 관련 대략적인 규칙✅ 회의는 어떻게 할까 : 김창준님의 특강 -> 애자일 방법론-> 매일 스크럼 : 15분 이내로 짧고 빠르게 종료 (절대 대충 X)-> 팀의 개발 시간 : 월~금요일 10시 ~ 19시로 정하되 매일 스크럼에서 어떤 태스크를 진행할 지 계획하고 당일 17:00 까지 마치도록 노력하기. 만약 끝마치지 못했다면 팀원이 함께 그 문제를 해결하도록 노력 🤟✅ 아토믹 디자인 사용하기9월 5일 10시까지 해야할 일 기술 스택 정해오기 -> 정당한 이유 필요(해보고 싶어서 선택했다는 안됨) 스토어는 어떤것 사용할 것인가? CSS는 어떤것을 사용할 것? 일정 정..

• format_list_bulleted 프로젝트/개발괴발
• · 2024. 8. 6.
• textsms