Dlog

CSS

• 기초 CSS
• CSS Grid 사용법

Coding-Test

• 모스부호 해독하기(1)
• n번째로 큰 수, 작은 수 찾기
• 특정 문자의 인덱스 번호 찾기
• 상자를 채울 수 있는 주사위의 개수, 문자열의 n배수 번째 글자만 추출하기(+= 사용)
• 정수 → 문자로 교체하기, while if 문, 배열 회전하기
• 나머지가 1이 되는 수, 배수 구하기, 내림차순 정렬, 369
• 하샤드 수(각 자릿수의 합), 문자 → 정수, 중복 문자 제거
• 숫자 배열 정렬, 특정 문자의 개수, 문자 교체(swap), 가위바위보 등
• 대문자 ↔ 소문자, 제곱근 판별
• 최소 개수 구하기, 원하는 숫자 찾기(indexOf), 순서쌍(약수)의 개수 구하기
• 문자 반복, 모음 제거, 숫자만 골라 합하기
• 각 자릿수의 합, 가장 큰 수와 그 다음으로 큰 수 찾기, 특정 문자 제거
• 가장 큰 수 찾기, 중앙값, 제곱수, 문자열 정렬
• 할인, 배열 다시 정렬(sort), 중복 배열 없애기
• 삼항 연산자, 오름차순 배열, 약수의 합 등
• 프로그래머스에서 첫 코딩 테스트

Error

• 리액트로 만든 첫 개인 프로젝트를 배포하면서 마주한 문제들
• 깃허브에 리액트 배포 중 오류 발생

Front-End

• 유용한 개발툴(F12)
• DOCTYPE, data- 속성, 표준모드와 호환모드
• 시맨틱 마크업이란?
• CSS animation vs JS animation

Git

• 커밋 메시지 수정, 원하는 파일만 push하기
• 첫 오픈 소스 기여, 좋은 커밋 메시지 작성법

GitHub-Blog

• 깃허브 블로그 구글 애널리틱스 적용하기
• 깃허브 블로그 검색 엔진 최적화(SEO)하기
• 깃허브 블로그 댓글 기능 추가, 검색 엔진에 등록하기
• 깃허브 블로그 만들고 jekyll 테마 적용하기

JavaScript

• promise를 공부하다
• 바닐라 자바스크립트로 그림 앱 만들기
• 자바스크립트로 그림 그리기
• 바닐라 자바스크립트로 Todo list 만들기
• number와 JSON string 관련 메서드
• 자바스크립트 toggle
• 자바스크립트 요소와 이벤트 이해하기 + 게터, 세터
• undefined와 null의 차이점
• const, let and var의 차이점
• Array, Object and Function
• Basic javascript 04
• Basic javascript 03
• Basic javascript 02
• Basic javascript 01

Lookback

• 영어 챌린지와 우테코 프리코스가 겹쳤다.
• 2022년 9월 회고
• [회고] 리액트로 첫 개인 프로젝트를 만들고 나서
• [회고] 바닐라 자바스크립트로 그림판을 만들고 나서
• [회고] 바닐라 JS로 크롬앱 만들기 강의를 듣고

Practice

• 반응형 헤더 만들기

React

• JSX와 Elements, 리액트로 시계 만들기
• [리액트] 라이브러리로 손쉽게 스와이퍼(슬라이더) 구현하기
• 리액트에서 부트스트랩 아이콘 사용하는 방법
• 리액트로 영화 추천 앱을 만들기 전에
• 리액트로 영화 앱 만들기(2)
• 리액트로 영화 앱 만들기(1)
• 리액트 설치하기
• 리액트 기초
• 깃허브에 리액트 배포하기

Study-Group

• 클래스형 컴포넌트 함수형 컴포넌트로 바꾸기
• 리액트 스터디 1주 차 공부 완료
• 스터디원, 스터디장으로서

VS-Code

• VS Code 유용한 단축키와 익스텐션

Woowacourse-Precourse

• 우테코 프리코스 2주차를 하면서
• 우테코 프리코스 1주차를 하면서