안녕하세요!

두번째 날은 기존에 했던작업에서 디테일 추가 및 나머지 사람들의 결과물을 합치는작업을 하기위해 노력했다. 회의 우선 시작하자마자 결과물들을 한번씩 서로 공유하자는 이야기를 한 뒤 서로의 진행상황을 확인했다. 로그인을 구현하는 팀원은 첫 페이지인 로그인페이지는 거의 완료한 상태였고, 두번째날은 회원가입란을 만들거라는 이야기를 했다. 해당 작업이 완료되면 html로 만든 파일을 react파일로 변환해달라는 이야기를 하고 작업을 맡겼다. 좌측과 우측을 맡겼던 팀원은 나와 자료를 합치기로했던 파일을 받았기때문에 팀원들과 상황을 공유만 하고 하던 작업을 진행하라고 이야기했다. 그리고 반응형이 거의 없어서 media query를 작업해보라고 권유했다. 더보기를 맡기로 한 팀원은 본인이 원하는 기능 구현을 위해 1일..

오늘은 리액트를 마무리하고, JAVA를 시작하는법을 배웠다.(JSA) 기존 리액트 과정에서 큼직한 과정인 State 와 Effect를 배웠었고, 두가지를 활용하여 news API로 결합시켰다. 오늘은 해당 뉴스 API의 마무리를 하고, Router에 대해 배우기 시작했다. Router는 라이브러리를 설치해야 사용할 수 있는데, 라우터 폴더를 만든 뒤, 터미널에서 npx create-폴더명 . 을 입력하면 설치가 가능하다. Router란 사용자의 요청을 각 담당 컴포넌트로 연결하는 기능인데 요청하는 각각의 주소에 대한 화면을 보여주는 것 ex) /example/a ->Hello /board/1 -> 1번 게시물 내용 /user -> 회원 목록 이런식으로 각 주소에 대한 화면을 보여주는것이다. Router은..

지난시간에 props 를 사용하여 App 함수에 적용시켜 props로 컴포넌트의 값을 바꿔주는것까지 했다. 오늘은 기존 개념을 복습했고, 수업은 연습문제로 시작했다. 우선 기존 사용하던 폴더가 아닌 새폴더(baseball)을 만들고 그곳에 app.js 및 내부파일을 새로 설치했다. 야구게임 방식 사용되는 숫자는 0에서 9까지 서로 다른 숫자이다. ... ... 1. 830 - 들어맞는 숫자가 아예 없으므로 아웃. ... ... 각각의 태그들을 복사해 가져오면 function Header() { return ( 야구게임 방식 ); } function Section() { return ( 사용되는 숫자는 0에서 9까지 서로 다른 숫자이다. 숫자는 맞지만 위치가 틀렸을 때는 볼. 숫자와 위치가 전부 맞으면 스..

DOM 마무리 및 React 시작 어제 event (addeventlistner)로 마무리하여 이후 Event부터 시작한다. 키보드 이벤트 keydown, keypress, keyup이 있는데, keydown은 키가 눌릴 때 실행된다. 즉 무언가 text가 표시되더라도 누른 이후에 시행되는것이기 때문에, 첫글자가 표시되더라도 0으로 표시되고 그 다음 입력이 된 상황에 text가 1개 존재하므로 그때 1이 표시되는 방식. keypress는 키가 입력되었을 때 실행되는데 입력하면 바로 수가 늘어난다. keyup의 경우는 눌렀다 뗄때 시행되는데, 키를 떼지않아 반복입력이 되면 그 된 횟수만큼 수도 늘어난다. ex) 1 = 1개 111...11111(키보드에서손을떼지않고) = n개 연습문제 inch를 cm로 변..