- Today
- Total
목록FrontEnd (2)
Codemental

1. Visual Studio Code에서 작업할 폴더를 연다. - 나는 C 드라이브에 vscode/workspace 경로로 작업폴더를 만들어 주었다. 2. 터미널을 연다. - 2-1. 하단 파란색 바 위로 마우스를 가져가면 화살표 모양으로 바뀐다. 그때 클릭해서 위로 드래그 하면 터미널 창이 열린다. - 2-2. 상단 메뉴에서 Terminal-New Terminal로 터미널 창을 열 수 있다. 3. React-App을 생성하는 명령어를 친다. (npx create-react-app 프로젝트명) - npx는 라이브러리를 편리하게 설치할 수 있게 해주는 명령어 node.js가 설치되어있어야 사용 가능하다. - 리액트로 개발하기 위한 환경이 4. 생성한 프로젝트를 연다. - 다시 Open Folder를 클릭..
3개의 라디오 버튼 중 1개만 선택하여 값을 보내고 싶은 상황이다. 특정 사용자만 radio값을 변경할 수 있는 상황이었다. 그래서 그 외 사용자에게는 radio 컴포넌트의 값을 수정할 수 없게 하려고 하였다. 는 disabled 속성을 이용하여 값을 변경할 수 없도록 고정할 수 있다. 하지만...... disabled 속성을 사용하면 두가지 단점이 있다. 1. Form 안에 넣어서 submit을 할 때 값이 전달되지 않는다. 2. 사용불가능한 상태라서 라디오 버튼의 컬러가 어두운 회색이 된다. 나는 2번의 이유로(라디오 버튼의 값을 변경하지는 못하지만, 컬러는 어두워지지 않길 원함) disabled 속성이 아닌 click 이벤트로 처리를 하였다. 일단은 두 가지 방법 모두 소개하려고 한다. ▶ radi..