개발새발 민다니

$01. 서버와 회원가입 서버 회원가입과 로그인 기능을 구현하기 위해서 서버가 필요했다. 내가 입력한 정보를 담을 공간이 필요했는데 나는 프론트엔드 직군이라 직접 만들 필요가 없었다. 지인에게 부탁했고, 서버 404minda.tistory.com 고대로 가져와서 리액트에서 구동해볼 예정이다. 이미 어려운 부분은 해놨기 때문에 날로 먹을거라 생각했지만 나의 정식 리액트 프로젝트는 처음이라 쉽지 않았다. 분명 뭐가 이점인지는 알겠지만 아직까진 vanillaJS가 더 편한 것 같다. 그래도 다행인 것은 react의 인기 덕분인지 유사 자료를 찾는게 훨씬 쉬웠다. react에서 동일한 프로젝트를 구현하기 위해 필요한 것은 다음이다. useState도 사용해야하지만 이미 다뤄본 내용이기 때문에 하나만 추가로 정리..

$02. 모달 구현과 fetch API 모달 모달은 무엇인가. 그냥 이렇게 다른 화면 위에 띄운 화면 기법이다. 이런 화면들을 본 적 많을거같다. 보통 간단한 회원가입이나 로그인 창에서 많이 봤기 때문에 이번 프로젝트 역시 모달 404minda.tistory.com 이전 주차에서 fetch API를 사용하는 방법과 회원가입을 구현했다. 이번 주차에는 회원가입된 정보로 로그인을 구현해볼 생각이다. 로그인 정보를 fetch로 넘겨줄 때는 이메일과 패스워드만 필요하다. const inputUserData = { email, password, }; 참고로 input 값을 JS로 가져올 때는 .value를 사용해주면 된다. const email = document.getElementById('email-field..

해당 리포트는 이미지 자료가 많이 들어가기 때문에 블로그 포스팅으로 대체합니다. 들어가기에 앞서 go 언어는 이름이 이름인지라 효율적인 검색 환경을 위해 go lang으로 불리는 경우가 많다.따라서 해당 포스팅에서도 go lang으로 혼용하도록 하겠다. go lang의 시작 go 언어는 2009년 11월 구글에서 처음 발표됐다. 해당 게시글은 Google Open Source 블로그에서 확인할 수 있다.문서를 읽어보면 go 언어의 특징과 초기 컨셉에 대해 이해할 수 있다.   go는 파이썬처럼 dynamic language로 무척 빠른 작업 속도를 자랑하며 C나 C++ 같은 성능과 안전성을 보장한다. 즉각적인 반응속도를 통해 아무리 큰 바이너리라할지라도 몇 초만에 작업한다.컴파일된 코드 역시 C의 속도에..

React는 JSX를 사용한다. JSX는 JavascriptXml의 준말이다. 여기서 문제가 생겼다. React 공식 문서를 확인해보자. JSX는 Javascript의 확장으로 마치 HTML과 같은 마크업 언어를 사용할 수 있다고 한다. React 컴포넌트를 만들기 위해서는 함수형으로 제작한다. 함수는 무조건 대문자로 시작해야하며 반환할때는 UI를 표기할 반환을 JSX로 표기해야한다. 육안으로 보기에 JSX는 HTML과 큰 차이가 없다. 다른 문서도 살펴보자. JSX는 리액트 안에 HTML을 쉽게 사용할 수 있게 해준다. XML인데 HTML이 왜 나와요? 우리는 전 포스팅에서 분명 XML과 HTML이 서로 다른 언어인 것을 확인했다. 같은 마크업 언어로 분류가 묶여있으나 목적 의식이 다르다. #01. H..