개발 일지21 S1: React-Router로 트위터 페이지 설치 : npm install react-router-dom Router 구성 1. APP.js 구성 이 과정을 통해 Route에 연결된 path주소에 해당하는 컴포넌트를 연결한다. * BrowserRouter 태그를 app.js에서 사용하지 않고 index.js에서 선언/사용 할수도 있다. 2. Sidebar.js 설정 * a태그와 비슷한 Link는 a태그와 달리 페이지를 새로 가져오지 않는다. 3. NavLink 사용하기 2021. 9. 14. S1: 회원가입 폼 만들기 작동 조건 #1. 아이디에는 4자리 이상이 들어가야하며 4자리 이상일시, "사용할 수 있는 아이디" 4자리 미만일시, "아이디는 최소 4자리 이상이여야 합니다." 가 출력된다. #2. 비밀번호와 비밀번호 확인이 같을 시 넘기고 다를 시 "비밀번호가 일치하지 않습니다." 출력 #3. 비밀번호와 비밀번호 확인칸 둘중 하나라도 빈칸일 시 검사를 안하므로 반응이 없다. #4. #1~#3까지 만족해야 회원가입 버튼이 활성화 된다. 작성 아이디 입력, 사용할 수 있는 아이디 div, 아이디가 최소 4자리이상이여야합니다 div, 비밀번호, 비밀번호 입력 확인, 비밀번호가 일치하지 않습니다div, 회원가입의 엘리먼트를 변수에 할당합니다. message의 div에는 hide 클래스를 주어 css로 hide클래스가 적용되.. 2021. 9. 9. S1: JS계산기 만들기 계산기 만들기 1. 숫자버튼을 누르면 화면에 그 해당하는 숫자가 출력된뒤 연속으로 누르면 이어 붙여져야한다. 2. 첫 숫자 입력후 연산자 입력시 현재 화면에 있던 숫자를 변수에 기억한뒤 사라진다. 3. 소수점 버튼을 누르게 되면 우선 현재 화면에 있는 숫자가 .을 포함하는지 검사한뒤 있으면 return으로 종료 없으면 그 숫자가 무엇인지에 따라 처리하게 0.으로 표현을것인가 .을 붙여 숫자를 이어붙이게 해줄것인가 판단한다. 4. AC버튼을 누를 시 전체 변수와 처음상태로 초기화 시켜야 한다. 5. Enter버튼을 누를 시 firstNum(첫번째 수)와 화면에 있는 숫자를 previousNum에 저장하여 calculate함수에 의해 계산하여 화면에 다시 뿌린다. 6. 연산자를 누를 시 background-.. 2021. 9. 3. 이전 1 2 3 4 다음
