본문 바로가기
카테고리 없음

TIL 31일차(2023-06-27)

by seungbeom35 2023. 6. 27.

이번 주 목표

리액트 과제에서 하는 기술들 혼자서도 해보기


규칙

1. 억지로 쓰지 않기. 

 - 진짜 배운 게 있는 날만 쓰기!

2. 양 신경쓰지 않고 기록하기. 

 - 양이 적다고 글을 포기하지 말고 조금이라도, 그게 한두줄이더라도 배운 게 있다면 기록하기!

3. 꼭 내 것으로 만든 후 작성하기. 

 - 스스로 생각을 좀 정리해본 후 TIL 글 적기!

 - 남이 쓴 글 복붙 X , 내가 배우고 느낀 점 위주로. (일단은 그렇게 해보자)

밑의 내용들은 내가 수업중에 메모해가며 적은것들이고 이를 통해 다시한번 공부가 되어 올렸으며 적으면서 복습이 되기 때문에 그날 공부한 것들은 안 외우더라도 매번 적을 예정입니다.


<오늘 공부 한 것들>

1. 회원가입 후 웹페이지 만들기 

2. 역할 분담 하기

3. 스타일 컴포넌트 전부 다 정리

4. ListBox추가하기 기능 추가

5. form에서 button 기능


<가장 인상 깊었던 것들>[Form 기능]form에서 버튼이 2개 이상일 경우 onSubmit에서 버튼에 위치가 가장 위에 있던  기능을 사용해서

작업에 불편함이 있었다.

이럴 경우 button에 type을 form에 적용시킬 기능을 submit으로 입력한다. 사용하지 않을 기능에는 button type button을 사용한다.

 

[충고사항]

 

Form은 그 다음 기능을 사용하지 않을려 해도 렌더링 되기 때문에 닫기 창을 안눌려도 닫힌다.

이럴 경우 event에서 event.preventDefault();를 해줘야 한다!

(까먹지 말기!!)

[Index]

position: 'absolute'로 잡혀 있으면 렌더링을 할때 우선적으로 하게 되어서 하루일과 기록이 먼저 보인다.

그러면 밑의 창을 입력할때 불편함을 준다.

모달창의 CSS에 z-index:을 사용해 먼저 우선순위를 땡겨 사용한다.

이것을 사용하지 않으면 값을 입력하는데 불편함을 준다.

 

 

[회원 가입 후 보여야 할 웹페이지]