본문 바로가기
728x90

분류 전체보기153

uncontrolled, controlled 폰 번호 0으로 시작하면 Good 0으로 시작하지 않으면 Bad로 만들기 submit을 눌러야만 나오게 했는데 숫자를 칠때마다 나오게 하려면? 0으로 시작하지 않을 때 setMessage로 잘못 입력하고 있다고 나타나게 하기 내가 친 번호 submit 눌렀을 때 alert으로 나타나게 하기 서브밋을 특정값을 입력 할 때만 누를수 있게 하고싶다면? 그런데 0만 치면 안열림! 드래그 되어있는 setPhoneNumber(event.target.value); ->> 처리해야함 setPhoneNumber(event.target.value); 아래로 내리고 마우스 커서 있는 if에서 폰넘버를 바꾼다 0으로 시작하지 않는 값을 입력이 되지 않게 하려면? if { 안에 올리고 } p태그에 폰넘버를 적는다 그럼? 0으로.. 2021. 10. 19.
비동기와 동기 7/8 숫자 더하기 비동기와 동기 사진에 status(HTTP상태 코드)가 500대면 에러 번호가 많음 aaa.data를 하면 데이터가 나오는걸 알수있음 아래꺼는 화살표 함수 async위치가 다름! uri, url = 페이지 주소에 ?부터가 uri, 전부다가 url —————————다시————————— 게시판 작성하고 데이터 완료 누르면 2021. 10. 18.
데이터 전송! frontend: 이거 줄래? => backend: ok!! 7/5 API이름입력 = 백엔드가 주는 것으로 사용 s = 목록 s, All, List가 있으면 여러개가 있다는것 Count = getPropfile로도 함 [어쩌구저쩌구!] = !임폴턴트랑 같은 뜻 createProduct 2021. 10. 16.
웹 렌더링 (Rendering on the Web) FP(First Paint) 픽셀이 처음으로 사용자에게 표시되는 시점. 즉, 흰 화면에서 무언가가 처음으로 그려지기 시작하는 시점 FCP(First Contentful Paint) 요청 콘텐츠가 표시되는 시점. 즉, 텍스트나 이미지가 출력되기 시작하는 시점 FMP(First Meaningful Paint 요청 콘텐츠가 표시되는 시점. 즉, CSS와 Javascrip 로드가 시작되는 시점 TTI(Time to Interactive) 페이지가 상호작용 가능하게 될 때까지의 시간. 즉 Javascript의 초기 실행이 완료되어 사용자가 직접 행동을 취할 수 있는 시점까지의 시간 TTFB(Time to First Byte) 첫 번째 바이트까지의 시간. 즉, 링크를 클릭하고 처음으로 들어오는 콘텐츠 비트 사이의 .. 2021. 10. 15.
URI?? URL?? URI (Uniform Resource Identifier) : 통합 자원 식별자 URL (Uniform Resource Locator) : 통합 자원 지시자 URI에는 resource의 이름과 위치 또는 둘 다를 식별하기 위한 URL과 URN이 모두 포함. URL은 URI의 하위 집합이며 resource의 위치만 식별. URI의 예는 urn:isbn:0-476-27557-4이고 URL의 예는 https://google.com URI는 HTML, XML 및 기타 파일에서도 resource를 찾는 것에 사용할 수 있지만, URL은 웹 페이지의 위치를 찾는 것에만 사용 가능 각 URL은 URI일 수 있지만, 모든 URI가 항상 URL일 수는 없음 http://opentutorials.org:3000/main.. 2021. 10. 8.
React-Hooks : useState 연습하기 React에서 함수형 컴포넌트를 이용하면 클래스형 컴포넌트보다 훨씬 간단하게 코드를 작성할 수 있다. React-Hooks는 함수형 컴포넌트로 좀 더 나은 코드를 작성하는데 도움을 준다. React에서는 컴포넌트 내에서 데이터를 저장하는데 state를 사용한다. state : 컴포넌트 내에서 사용하는 변수 useState : 컴포넌트에서 사용하는 변수를 만들어주는 기능 setState : 컴포넌트에서 사용하는 변수를 변경해주는 기능 포맷은 이렇게. const [state, setState] = useState("initial value") 1. 버튼을 누를 때마다 숫자가 커지게 하기 export default function StatePage() { const [count, setCount] = useS.. 2021. 10. 8.
728x90