WEB(FE)

WEB(FE)/React.js

[리액트] 라디오 토글 버튼 만들기

옛날에도 플러터로 라디오 토글버튼을 구현하는데 엄청 애먹었었는데 리액트로도 이걸 구현하는데 엄청 애먹어서 기록으로 남겨봅니다. 그 전에 우선 '라디오 토글 버튼'의 정의를 명확하게 하자면, 라디오버튼에 토글 기능을 넣은 버튼을 의미합니다. 기본적으로 라디오버튼은 반드시 하나가 선택되어 있어야 합니다. 저는 이미 선택된 라디오 버튼을 한번 더 선택하면 선택이 해제 되도록 만들고 싶었습니다. 기사 이상 산업기사 기능사 이렇게 구성하면 각 버튼은 토글 버튼인 동시에 같은 그룹 안의 컴포넌트끼리는 중복선택이 되지 않게 하려고 합니다. 영상으로 보면 이렇게 됩니다. 처음에는 각 버튼에 클릭 상태를 저장하는 변수를 만들고, 클릭할 때마다 상태를 바꿔주도록 했습니다. 처음에는 이 아이디어를 계속 끌고가면서 구현하려고..

WEB(FE)/html, css, js

[WEB] PJAX 독학 (1) - 동적으로 페이지 내용 부분 로드 하기

* 그날그날 pjax를 공부한 과정을 일기 쓰듯 정리하는 공간입니다. * 깃허브 TLI에 쓰려다가 마크다운 문법을 공부하는게 의미가 있나 싶어 블로그로 돌아옵니다.. (근데 생각해보니까 굳이 마크다운으로 할 필요 없이 txt파일을 커밋하면 됐었네요 ㅋㅋㅋ) 오라클 클라우드로 가상 머신에 리눅스를 올리고 nginx를 이용해 웹서버를 만들었다. 서버 사이드 언어로는 php를 사용하여 웹페이지에 회원가입과 로그인기능을 만들고자 한다. DB는 마리아DB를 설치하였다. 디자인은 엉성하지만, 대충 이런 레이아웃을 만들었다. 악보검색, 그룹, 마이페이지, 회원가입 각각의 버튼을 클릭할 때마다, 오른쪽 공간에 내용물을 다르게 띄우는 것이 목표이다. 이때 내용물을 띄울 때 PJAX 기법을 사용하는 것이 목표이다. htm..

에버듀
'WEB(FE)' 카테고리의 글 목록