💡ah-ha

네비게이션(NAVigation)

체크 박스가 체크되어 있는 상태인지 체크되지 않은 상태인지 확인

table 태그

부모태그 - 자식태그를 사용하여 높이 조정하는 방법

레이어 위치 조정

css파일 적용시키기

flexbox

object-fit을 이용한 비율 맞추기

버튼의 범위 확장하기!

db와 연결하여 회원가입을 구현하는 것은 무언가 큰 일이 될 것만 같아 쉽게 건들고 있지 못하였는데 사전 스터디를 진행하면서 스터디원분들께서도 진행하시고 여러 방법들을 알려주셔서 오케이 나도 한 번 해보자!!하고 도전해보았다.최대한 내가 아는 방법으로 구현하고 싶었고,

경고창(alert) 입력창(prompt) 선택창(confirm)

회원가입을 구현시켰으니 로그인이다!생각보다 회원가입은 디비에 데이터를 저장하면 되는 일이라 쉬웠는데 로그인이 이 데이터에 있는 값이 있을 때와 없을 때를 구분해야해서 어려웠다.(당연..한..건가..?ㅎ)무튼! 여러 블로그와 다른 스터디원분들의 코드를 보고 시도해보았을때

레이아웃을 정할 때 flexbox도 많이 쓰지만 조금 더 단순하고 다양한 레이아웃을 만들기 위해 grid를 사용한다.

css 특수문자

스크롤을 움직여도 고정되는 메뉴바를 만들어보자!

input type

append를 포함한 요소 추가

emailjs웹에서 바로 메일을 보낼 수 있도록 지원하고 월 200건까지는 무료로 사용이 가능하다.

a태그에서 target 속성은 링크된 문서를 클릭했을 때 열릴 위치를 명시한다.

미디어쿼리로 디바이스별 화면을 다르게 나타내기

🚨 input 라디오 버튼을 사용하여 버튼 클릭 시 css를 적용하고 싶어서 찾아보다 알게된 가상요소 before, after 이해하기!

🚨영역을 나누는 요소 중 하나인 aside 태그를 사용하여 사이드바를 만들어보았다!

🚨 코딩을 시작한지 얼마 되지 않았지만 역대 최고 삽질이였다^^

🚨 아이콘을 눌렀을 경우 안내되는 메시지를 말풍선으로 표현하고싶었다.

🚨스크롤바 css

JWT를 이용한 로그인 구현 - 항해99 2기 미니프로젝트 31조 '랜선집사'

Axios에 대해 알아보자!

Redux Toolkit에 대해서 알아보자!

formik과 reack-hook-form에 대해서 알아보자

splice()를 사용하는 법에 대해 알아보자

이미지 업로드 하는 방법 정리!

browser-image-compression를 사용해서 이미지를 리사이징해보자!

M1 개발환경 구축의 험난한 길..

🔥27SEP21 - [fastcampus] Part 5. TypeScript Essentials > Ch1. TypeScript

🔥27SEP21 ~ 28SEP21 - [fastcampus] Part 5. TypeScript Essentials > Ch2. Basic Types

🔥28SEP21 - [fastcampus] Part 5. TypeScript Essentials > Ch3. Type System

🔥04OCT21 - ES6에서 Nemeral.js 사용하기

🔥04OCT21 - 시맨틱하게 웹을 짠다는 것

🔥04OCT21 - 리액트 클래스형 컴포넌트와 함수형 컴포넌트의 비교

🔥04OCT21 - React-App-Rewired은 왜 사용할까?

🔥04OCT21 - NPM vs NPX vs Yarn 정확하게 알아보기!

했어야 했지만 알고있지만 이제라도 친해지자..!

next.js 1탄 시작하기 튜토리얼

next.js 2탄 데이터 가져오기

scss 속성들에 대해 알아보자.

[swift] - 기본 문법(1) : 상수와 변수, 데이터 타입, 컬렉션 타입

[swift] - 기본 문법(2) : 함수, 조건문, 반복문

[swift] - 기본 문법(3) : 옵셔널과 옵셔널 바인딩

클래스와 구조체, 프로퍼티

[swift] - 기본 문법(5) : 상속과 타입캐스팅

GraphQl과 Apollo Client에 대해 알아보자!