개발새발 민다니

리액트 컴포넌트를 작성할 때 반환은 무조건 XML 형식으로 이루어진다. return ( 이것이 XML입니까? ); 내가 보기엔 그냥 HTML 형식인데 문서마다 XML이라고 하니까 아니꼬왔다. 막연히 둘다 ML로 끝나길래 같은 회사에서 만든 업그레이드 버전인줄 알았다. 아이폰 X 같은 느낌으로ㅋㅋㅋ 그러다 어제 하루종일 트러블 슈팅 한 파일이 싹 날라가버리고 실의를 잃어버린 나는, 이제서야 이걸 찾아볼 생각이 들었다. 결론부터 말하자면 둘다 마크업 언어의 종류다. 마크업 언어 마크업 언어는 태그 등을 이용해 문서의 구조나 형식, 데이터 구조를 표시한다. 태그는 문서의 구조를 표현하는 역할을 한다. 데이터를 기술하는 정도로만 사용되기 때문에 프로그래밍 언어와는 구분된다. 마크업 기호를 통해 문서의 모양을 제..

모달 모달은 무엇인가. 그냥 이렇게 다른 화면 위에 띄운 화면 기법이다. 이런 화면들을 본 적 많을거같다. 보통 간단한 회원가입이나 로그인 창에서 많이 봤기 때문에 이번 프로젝트 역시 모달로 구현해볼 생각이었다. 나는 분명 많이 본 기법이기 때문에 인터넷에 정말 많은 예시가 있을 줄 알았다. 그런데 대부분 부트스트랩을 쓰는 방법을 알려줬다... 부트스트랩은 CSS 템플릿 사이트인 것 같다. 정말 만들면서 느낀건데 JS나 HTML보다 CSS가 먹는 시간이 훨씬 많은거같다. 내가 아직 익숙하지 않아서 그런걸수도 있는데 검색에도 가장 오래걸리다보니∙∙∙. 어찌됐든 여러 시도를 겪어보다가 유튜브 영상을 보게됐는데 거기서 얻게 된 방법이다. display: none; 버튼에 온클릭 이벤트를 걸어 이 CSS를 c..

서버 회원가입과 로그인 기능을 구현하기 위해서 서버가 필요했다. 내가 입력한 정보를 담을 공간이 필요했는데 나는 프론트엔드 직군이라 직접 만들 필요가 없었다. 지인에게 부탁했고, 서버를 제작받아 iTerm으로 불러와 사용하기만 하면 됐다. 다만 전과생에게 서버란 개념은 생소해서 내가 뭘 부르는건지도 모를 지경이었다. 그래서 몇 가지 찾아봤다. docker 제작 받은 서버는 docker를 통해 구동시킬 수 있었다. 도커는 컨테이너 기반의 오픈소스 가상화 플랫폼이다. 컨테이너는 운영체제 수준의 가상화 기술을 통해 리눅스 커널을 공유하며, 프로세스를 격리된 환경에서 실행시켜주는 기술이다. 이를 통해 다양한 프로그램, 실행환경을 컨테이너로 추상화해 프로그램 배포 및 관리를 단순하게 해준다. 도커가 왜 유용한지까..

1. Fragments의 필요성 React는 하나의 태그만 반환할 수 있다. 여러 element를반환하기 위해서는 하나의 부모 태그로 그룹을 묶어야한다. 의미 없는 태그를 사용하기 위해 태그를 많이 이용하는 편이지만 여기 그보다 좋은 태그가 있다. 바로 Fragment 태그다. Fragments는 다른 DOM 노드를 사용하지 않고 그룹화지을 수 있다. 더군다나 테이블 예제에서도 코드를 간결하게 만들어준다. Minda Yeeeh 이런 간단한 테이블을 만들때도 상위 div로 인해 유효하지 않는 결과가 나온다. 따라서 다음과 같이 작성해야하는데, Minda Yeeeh Fragments를 사용하면 태그와 달리 이런 불편함을 간소화시킬 수 있다. return ( Minda Yeeeh ); 2. 사용법 무엇보다 ..