제인의 블로그

희힁 오늘은 체크리스트 정리 ★ 1일차Q1. JWT 인증 서버JWT 인증서버 (회원가입.로그인,프로필 수정만 제공하고 accessToken만 발급)를 이용해 회원가입,로그인,프로필 수정 기능을 구현하고, 로그인된 상태 관리를 할 수 있다.[설명]  1. 상태 관리const [user, setUser] = useState(null); const [accessToken, setAccessToken] = useState('');const [email, setEmail] = useState('');const [password, setPassword] = useState('');user: 현재 로그인된 사용자의 정보를 저장.accessToken: 로그인 성공 시 서버로부터 받은 인증 토큰.email과 passwo..

뼈에 구멍내고 연골 및 전 후방 십자인대 재건을 하다보니앉아있을수가없는 상태가 됬다.이상태면 팀프에서 민폐만 끼칠거같은느낌...일단 난 병원이고🥲마약성진통제가 없이는 누워만있는것도 불가능하고...혼자 화장실도 못가 그냥 혼자 할수잇는거? 물마시기..조갈나서 미칠거같다밥도 못먹고잇고 에휴에휴에휴여튼 그래서 최최최종으로 낫는데 3년걸린다고 하는데자신도없고 민폐끼치는게 세상에서 젤싫은 나는 자습으로 빠지기로햇다....진통제를 하도 맞아서 자꾸 졸리지만 그래도 그래도 그래도 최종 프로젝트는 같이 하고싶으니까 이악물고 재활해야게찡🤔오늘은 그냥저냥구냥 스탠다드반 강의 다시보면서 또또 정리노트 만드는중ㅎㅇㅌ..ㅎㅇㅌ..!

1. 초보 필수, 창 관리 단축키   - 명령 팔레트 열기 : `Ctrl + Shift + P`      - 파일명으로 열기 : `Ctrl + P`      - 터미널 열기/닫기 : `Ctrl + ``      - 사이드바 토글 : `Ctrl + B`      - 닫은 탭 다시 열기 : `Ctrl + Shift + T`   2. 코드 편집 가속화      - 코드를 위/아래로 이동 : `Alt + ↑ / ↓`      - 주석 처리 : `Ctrl + /`      - 라인 삭제 : `Ctrl + X`      - 한 줄 선택 : `Ctrl + L` (반복 가능) 3. 다중 커서 사용으로 동시 작업   - 동일 단어 연속 선택 : `Ctrl + D`      - 동일 단어 전체 선택 : `Ctrl + Sh..

Q1.  Q2.  Q3. Q4. Q5.   Q6. Q7. styled-components를 사용해 props를 기반으로 스타일을 조건부로 설정하는 예시 코드를 작성해보세요. import styled from 'styled-components'; // 조건부 스타일링이 적용된 Button 컴포넌트 const Button = styled.button`   background-color: ${({ primary }) => (primary ? 'blue' : 'gray')};   color: white;   padding: 10px 20px;   border: none;   border-radius: 5px;   cursor: pointer;      &:hover {     background-color: $..

하.하하.css파일 짜증난다 style component로 해야댓는데바꾸면서 에러가 뜬다...에러가 뜬다..뜬다..수정을 하면 기능 구현이 안되고이런 썩을 포켓몬 내 상세페이지는 어디갓는데.. 돌려도라.돌려조라.....내놔랑.........그래도 에러는 안뜬다 햇삐 :)  해..햇삐 맞냐고....되물어 보며내일은 삭제버튼도 다시 구현하고~ 포켓몬 추가 버튼누르면 위에 대시보드에 뜨면서 대시보드에 뜬 포켓몬 누르면 상세페이지 넘어가게 여튼 만들어보자공~.~다짐해봅니다 눈누

Q. 이름이 같은 컴포넌트를 동시에 import 하려면 어떻게 해야 하는지 적어보세요.  A. 이름이 같은 컴포넌트를 동시에 import해야 할 때는 별칭을 사용하여 구분할 수 있습니다. 예를 들어, Button이라는 이름을 가진 컴포넌트가 두 파일에 각각 있을 때, 다음과 같이 as 키워드를 사용하여 별칭을 붙여서 import합니다 :)import { Button as PrimaryButton } from './PrimaryButton';import { Button as SecondaryButton } from './SecondaryButton';  Q. 여러 컴포넌트를 하나의 파일에서 export하는 방법에 대해 적어보세요. A1. named export 파일에서 여러 컴포넌트를 각각 export하고..

오늘한일- 코드카타풀기 속상한일-개인과제 코드 날라가면서 꼬여서 아예 첨부터 하다가 완성못한거..- 몸이 너무 아픈거.. 다짐- 일단 내일은 안아프길- crt+s 는 국룰.

오늘 할일- css 코드 및 개인과제 마무리 오늘 한일- 배가 너무아파서 침대위에서 노트북으로 css 코드 작성하다가 습관적으로 노트북을 닫았다.저장을 안하고 미친듯이 집중해서 썻는데날라갓다. 반성- ctr+s 는 필수다.

- 오늘 강의 깃 특강달리기반 특강1. 깃 특강 브랜치 이동 명령어 - git switch 브랜치 이름 or git checkout 브랜치 이름 브랜치 한 번에 생성 & 이동 - git switch -c 브랜치이름 or git checkout -b 브랜치 이름 새로운 브랜치에서 수정된 코드 저장- git add . git commit -m "저장 메세지" 2. 달리기반 특강 sort 밖에 생각이안나요... 꼭 외울수있을것만 같아요...

- 오늘 한 것 - 모달 관련 html 작성- 모달관련 css 작성#  html Open Fade_In Modal with jQuery X //닫는 버튼 Image /* 임시적으로 그룹.png 파일 입력*/ /* Name /* Title  #css@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');* { box-sizing: border-box;}body{ font-f..