8월1일 TIL

🔥목차🔥

1. React 실제적용
2. 적용해서 어떤걸 만들어볼지
3. 적용해서 만들어본 결과물

📖오늘의 TIL 시작!📖

• React의 실제적용
  • VSCode를 이용해서 코딩을 진행함
  • Node.JS 설치 [ 나중에 스터디 예정 ]
  • VSCode터미널을 오픈해서 설치완료
    • 자세한 내용은 구글링하면 잘 나와있음
    • 순차적으로 따라가면서 설치완료

• 적용해서 어떤걸 만들어볼지
  • 우선 예전 Swift를 배울때 기본일기장 앱을 만들고싶었음
  • 그때의 한을 좀 풀기위해 웹으로 일기장 앱을 만들어볼지 구상해봄
  • 홈화면에 어떤 오브젝트가 필요한지
    • 뒤로가기버튼
    • 일기장 제목 공간
    • 내용을 쓸수있는 TextArea
    • 기분을 설정할수있는 Select
• 적용할때 사용한 것들
  • 우선 app.js에서 위에 구상하려고 했던 오브젝트들을 만듬
    • butten , select , textarea
    • 그리고 이 해당 오브젝트들을 css로 다듬는 작업을 진행함
    • 상단 app bar부분에 butten을 놓고 크기설정을 진행함
    • 제목 공간에는 input을 준 후 앞부분에 제목: 이라는 text를 집어넣음
      • 해당 input도 길이,색,선의선명도를 css로 조절함
    • 내용을 쓸수있는 TextArea도 동일하게 색과 위치를 조정
    • 기분을 설정 할 수 있는 Select는 option을 줘서 그안에 value를 설정하여 그날의 기분을 선택 할 수있게 진행했음
      • 좋음 , 보통 , 나쁨의 선택지를 사용함

📖오늘 배운것에 대한 오늘의 정리 및 마무리📖

• 오늘은 처음으로 React를 사용해봤다
• 처음으로 무언가를 만들어서 내 눈으로 확인하는 작업을 진행하였다 보니 새롭고 신기했다
• 구상했던 핸드폰으로 사용하는 앱은 아니였지만 그때 생각했던걸 웹으로라도 구상할수있어 너무 기쁘고 성취감도 들었던것같다
• 이런 작은것에 만족하면 안되지만 큰 발전은 작은 소망으로부터 시작되는것처럼 이제 시작하는거니 열심히 하려고한다
• 오늘의나 고생했다 그리고 내일의 나도 화이팅이다!