soonitoon / cmi-study

CMI 활동 과제들을 모아놓은 페이지입니다.

Hi there 👋 I'm hyuno Choi

• 🔭 I’m currently enrolled in Chungbuk National University
• 🌱 I’m currently learning
• 💬 Ask me anything!
• 📫 How to reach me: [email protected]

My major is psycologyΨ and Brain-Cognitive Engineering⚙🧠 I also interested in Programming! My first programming language is . I'm currently learing FrontEnd stack📚

Try my mobile Apps📱

Visite my...

• TIL📝 : https://soonitoon.github.io/TIL

• Blog📖 : https://velog.io/@soonitoon

• NPM : https://www.npmjs.com/~soonitoon

Status Bar

Language&Framework

Laptop

cmi-study's Issues

[feature] 캘릭더가 윤년 판단할 수 있도록 하기

• calendar.js에 윤년 판단 코드 추가.

README.md 작성

메인페이지 만들기

• 메인페이지에 1주차 내용 추가
• 메인페이지 GitHub Markdown CSS 추가

README.md 파일 목차에 2주차 과제 추가

• 2주차 과제 내용 목차에 추가.

CMI 과제 메인 페이지 컴포넌트 단위 리펙토링

페이지 내의 모든 요소를 하나의 템플릿으로 만들었던 것을 컴포넌트 단위로 분할하는 작업을 수행하겠습니다.

1주차 과제 컴포넌트 단위 재구성 및 옵저버 패턴 적용

첫 번째 과제: 캘린더 코드 리펙토링

• calendar.html 시멘틱 태그 사용
• calendar.html 클래스 네임 하이픈(-) 사용으로 통일
• calendar.css 바뀐 클래스 네임 적용

첫 번째 과제: 캘린더 만들기

첫 번째 과제 간단요약

배울 내용

• 시멘틱 태그 (div 남용 방지)
• css position, flex (UI 레이아웃 잡을때 유용)
• css selector (웹사이트에서 데이터 수집할때 사용)
• CSS Variable
• reset css에 대해서 알아보기
• 반응형과 media query
• css transition, animation (나중에 애니메이션 기능이 필요할 수 있어서 미리 알아두면 좋습니다)
• SCSS (css전처리기, 나중에 리액트 프로젝트 할때 사용, 시간되시는 분들만!)

실습과제

이번 실습 과제는 캘린더 만들기 입니다!

• HTML과 CSS를 사용해서 캘린더 만들기! (기능없이 정적인 캘린더 모양만 갖추기만 해도 OK! 그런데, 호옥시 JS나 다른 프레임워크를 사용해서 동적인 기능을 구현해보고 싶다!면 당연히 가능합니다)
• 네이버 달력, 충림이 캘린더 등의 현존하는 달력을 클린코딩하여 UI를 구성하셔도 됩니다! (자신만의 개성넘치는 달력개발도 당연히 가능)
• 이번과제의 핵심은 반드시 CSS flex를 사용해볼것! 그외는 자유롭게 하셔두 됩니다 (정말좋은 Flex참고사이트)
• 이번 과제는 개인별 과제로써 개인 깃허브에 올려주시면 됩니다.
• 기한은 다음 회의전까지(아마 저번처럼 일요일 오후 8시가 될것같아요?)
• 궁금한것은 언제든지 Slack에 올려주세용~

index.html 시멘틱 태그 추가

• 시멘틱 태그로 의미있게 코드 분할

3주차 과제 내용 정리한 데이터 추가

CMI 활동 3주차 스터디 과제 내용을 정리한 데이터를 만들고 메인 페이지에 로딩될 수 있게끔 합니다.

TODO

• 3주차 데이터 객체 만들기.
• app.js에서 3주차 데이터 불러오기