본문 바로가기

전체 글

 (152)
23755 - 카드컨트롤 (Hard) step 1더보기위에서부터 셌을 때 준석이는 홀수번째 카드, 수현이는 짝수번째 카드를 가져갑니다. 홀수번째에 있는 O의 개수가 더 많으면 준석이가 이깁니다.만약 처음부터 준석이가 이긴다면 답은 0입니다.만약 처음부터 수현이가 이긴다면 답은 1입니다. 제일 밑 카드를 위로 올리면 홀짝이 바뀌면서 승패도 바뀌게 됩니다.무승부일때(홀수 번째의 O와 짝수 번째의 O의 개수가 같은 경우)만 처리를 하면 됩니다.step 2더보기위에서부터 2개씩 짝을 지어 봅시다. 그럼 OO, OX, XO, XX 4종류가 나옵니다. OX는 준석이가 이기는 경우, XO는 수현이가 이기는 경우입니다.홀수 번째의 O와 짝수 번째의 O의 개수가 같기 때문에 OX의 개수와 XO의 개수가 같습니다.만약 XO가 하나라도 있는 경우 X를 먼저 올..
웹 개발 - 프로젝트 2 - 9. 로그인 폼 지금까지는 로그인을 버튼 누르면 자동으로 되게 했습니다. 이제 입력 폼을 만들어서 진행하도록 하겠습니다. 우선 입력받는 변수를 만듭니다. 입력 창을 만듭니다. bootstrap에 좋은 예시(https://react-bootstrap.netlify.app/docs/forms/overview)가 있으니 이것을 참고하기로 합니다. Rowjustify-content-md-center: 행 내의 항목들을 가운데로 정렬해줍니다.md는 미디엄(Medium) 사이즈 이상의 화면에서 적용된다는 의미입니다. 그보다 작은 화면에서는 이 클래스가 적용되지 않습니다.Colmd={6}: 미디엄 사이즈 이상의 화면에서 이 열이 12칸 중 6칸을 차지하도록 설정합니다.onSubmit : 로그인 버튼을 눌렀을 때 실행되는 함수입니다...
웹 개발 - 프로젝트 2 - 8. work 보여주기 이제 스트릭을 보여줄 것입니다.work 목록 가져오기work의 목록을 가져올 것입니다. work는 api/user/work를 get으로 호출해서 가져올 수 있습니다. useEffect를 사용해서 화면에 보여지는 순간 한번 실행되도록 해 주었습니다.이제 화면으로 돌아가 봅시다. destroy is not a function이라고 나오면서 저를 괴롭힙니다. 이것은 useEffect에서 async를 사용하면 생기는 일입니다.이것을 호출하기 위해서는 다음과 같이 바꿔줘야 합니다. getWork라는 async 함수를 선언하고 그 함수를 호출하는 식으로 바꿔줄 수 있습니다. 그러면 이제 work를 성공적으로 부르는 것을 알 수 있습니다. work 목록 보여주기useState를 이용해서 받은 정보를 저장해 줍니다. ..

티스토리툴바