전체 글125 오픈소스 참여 도전하기 오픈소스 컨트리뷰션 아카데미에 참가한 지 벌써 몇 주가 지났습니다. 그중 '모던 자바스크립트 튜토리얼'에 참가 중이랍니다. 오늘은 처음으로 오픈소스 페이지의 오타를 수정해보기로 하였습니다. 제가 발견한 오타는 Part 1에 2-7 형 변환 페이지에 있었습니다. 숫자형 값'를'이라고 오타가 난 것을 볼 수 있죠. '를'을 '을'로 바꿔보도록 합시다. 먼저, 모던 JS 튜토리얼 레파지토리에 들어갑니다. 오픈소스에 참여하기 위해서는 꼭 README.md와 CONTRIBUTING.md를 읽어보아야 합니다. 그다음은 이슈를 생성하도록 합시다. 정해진 규격에 따라 이슈 내용을 적어줍니다. 이제 fork를 뜨고 git clone을 통해 수정할 준비를 해줍니다. fork를 뜨면 이렇게 내 아이디로 된 레파지토리가 생성.. 2022. 7. 28. 개발 - menu fetch 오늘 한 내용 menu form 입력시 기존에 있는 메뉴라면 하위 메뉴로 업데이트, 없는 메뉴라면 새로 생성 오늘 배운 내용 기존에 있는 데이터에서 fetch put form에 입력된 메뉴가 있는지 filter로 탐색한 다음 하위 폴더 생성 없다면 새로운 메뉴 생성 캡쳐 소감 이 기능을 하기 위해 얼마나 헤맸던가. fetch를 써본 적도 없고, 데이터를 다룬 적도 없고( 이걸 데이터 다룬다고 표현하기도 웃기지만) 검색해도 안나오고!!!! 구글링을 잘못했나… 진짜 2주는 고민했는데 그냥 내 머리가 시키는대로 다 때려넣으니까 성공했다. 소리질렀다. 역시 컴퓨터는 잘못이 없다. 내 머리부터 논리적으로 생각하려고 노력하자. 오늘 이거 끝내서 너무 개운하고 좋아 죽겠다 아주 😁😁😁😁😁😁😁😁😁😁 2022. 7. 6. 마크다운 기본 작성법 1. Heading -> #을 이용해 작성 ex) # Heading (꼭 # 기호 뒤에는 띄어쓰기) 2. List -> 순서가 정해지지 않은 리스트의 경우 - 기호 사용 ex) - 악기 ( 세부적인 리스트를 더 작성하고 싶다면 tab 누르기 / shift + tab 누르면 취소) 순서가 정해진 리스트의 경우 숫자 사용 1. 일 2. 이 3. 삼 3. 코드 블럭 -> 백틱 기호 ``` 세번 누르기 (누르고 언어 적으면 Syntax Highlighting 가능) 4. 인라인 코드 블럭 -> 백틱 기호 양 옆으로 `한개씩 붙이기 ex)`lnline Code block` 5. 링크 -> [문자열](url) ex) [네이버](https://www.naver.com) 6. 이미지 파일 ->  e.. 2022. 7. 5. 개발 - menu, input, learning page 오늘 한 내용 json server 이용한 데이터 연결 문제 추가 각 메뉴에 따른 데이터 연결과 스타일링 오늘 배운 내용 props 값 오버로드 match가 없다고 뜰 때 styled component typescript에서의 on submit event type styled-components에서의 useRef 사용 캡쳐 소감 개발은 꾸준히 하고 있었는데 제대로 된 일지를 쓰지 않았다. 몰아서 쓰려고 하다보니 어떤 걸 했는지 혼돈이 오기 시작했다. 매일은 아니더라도 2~3일은 넘기지 말자. 오류 일지 learning의 경로가 추가될 수록 navbar style 적용 x learning/없는 데이터 입력 시 empty page 뜨도록 2022. 6. 13. 개발 - router, button, navbar, menu 오늘 한 내용 router 사용 Navbar Button menubar 오늘 배운 내용 navbar router 밑줄 제거 서로 다른 props type 사용하기 props 값으로 styled-components 사용 캡쳐 소감 typescript로 처음 하다보니 아직 미숙하다. 이론으로는 안다고 생각했는데 실제로 해보니 많이 다르다. j sx로 하면 그냥 넘어갈 일을 하나하나 다 손을 봐줘야 하니(?) 시간이 오래 걸리고 어렵다. 하지만 해결하는 것에서 오는 희열도 더 크다. 새로운 것은 늘 즐겁다. 오류 일지 Module not found: Error: Can't resolve 'react-dom/client' in '경로' → react downgrade로 인한 오류 index.tsx 부분의 rea.. 2022. 6. 7. 기획 프로젝트 기획 프로젝트에 대해 프로젝트 명: Study Pop 뜻: 펑..펑..펑…!!! 머리속에서 폭탄 터지듯 지식의 파편이 맞춰지는 공부 도움 웹 사이트 프로젝트 기획 의도 자격증 공부를 할 때 뜻과 의미 둘 다 알아야 하는 경우가 있다. 이때 한쪽만 가리고 싶은데 손으로는 한계가 있다. 그런 경우를 위한 공부 도움 사이트!!! TypeScript를 이용한 첫 프로젝트 PostCSS가 없는 첫 프로젝트 → Styled-Components 사용 프로젝트 기술 스택 Front : React, TypeScript Back: 아직 구현 생각 없음. Firebase 차후 도입 생각 중 (OR Nest.js) 참여자 hae-on ( 나 >< ) 🌧 https://github.com/hae-on 프로젝트 진행 한.. 2022. 6. 7. 이전 1 ··· 10 11 12 13 14 15 16 ··· 21 다음
