웹 애플리케이션을 개발하면서 서버와 통신하는 작업은 필수적입니다. 이 과정에서 HTTP 요청을 손쉽게 처리하기 위한 도구가 필요한데, 자바스크립트 생태계에서 널리 사용되는 HTTP 클라이언트 라이브러리 중 하나가 바로 Axios입니다. 이 글에서는 Axios를 사용하여 HTTP 요청을 처리하는 방법, baseURL 설정, 다양한 설정 방법 등을 코드 예제와 함께 살펴보겠습니다.Axios란?Axios는 Promise 기반의 HTTP 클라이언트 라이브러리로, 브라우저와 Node.js 환경에서 모두 사용할 수 있습니다. REST API 호출, 데이터를 주고받기, 에러 처리 등을 간편하게 할 수 있도록 돕는 기능들이 제공됩니다. 그럼 설치 방법부터 살펴볼까요?Axios 설치하기Axios를 설치하려면 npm 또는..

안녕하세요! 오늘은 Expo와 npm을 사용하여 React Native 애플리케이션을 쉽게 개발하는 방법에 대해 이야기하려고 합니다. Expo는 React Native 앱 개발을 간편하게 도와주는 프레임워크로, 복잡한 설정 없이도 앱 개발을 시작할 수 있게 해줍니다. npm은 필요한 패키지를 설치하고 관리하는 도구로, Expo 프로젝트에서도 중요한 역할을 합니다.1. Expo 설치하기먼저, Expo CLI를 설치해야 합니다. 이를 위해 npm을 사용하여 간단하게 설치할 수 있습니다.npm install -g expo-cli이 명령어를 실행하면 Expo CLI가 글로벌로 설치되며, 어디서든 Expo 명령어를 사용할 수 있습니다.2. 새 Expo 프로젝트 생성하기Expo CLI를 설치한 후, 새로운 프로젝트..

안녕하세요. 해커의 개발일기 입니다. 오늘은 로그인 기능을 구현할 때 중요한 사항과 주의해야하는 부분에 대해 이야기 해보겠습니다. 웹 애플리케이션에 로그인 기능을 구현하는 것은 사용자의 정보를 보호하고, 사용자에게 맞춤형 서비스를 제공하기 위한 첫걸음입니다. JavaScript를 이용하여 로그인 기능을 구현할 때는 다음과 같은 중요한 사항들을 고려해야 합니다. 목차 안전한 통신: HTTPS 사용 데이터 검증과 살균(Sanitize) 비밀번호 관리 토큰 기반 인증 크로스 사이트 요청 위조(CSRF) 보호 안전한 통신: HTTPS 사용 로그인 정보와 같은 민감한 데이터는 암호화된 연결을 통해 전송되어야 합니다. HTTP 대신 HTTPS 프로토콜을 사용하면 데이터가 암호화되어 인터넷을 통해 전송되므로, 중간자..

오늘은 페이지 구현에 대해서 알아보도록 하겠습니다. 저도 이 Page 구현을 하면서 머리가 안돌아가서 .. 상당히 애를 먹었습니다. 하지만 역시나 구글 검색으로 통해서 해결을 했는데요 사실 개인 프로젝트지만 이게 10 페이지가 넘어가니까 상당히 거슬리더라구요 .. 나중에 구현해야지.. 하면서 2주간 미루어 둔 작업을 오늘 했습니다. 참고한 블로그는 아래의 블로그입니다. https://sjh010.tistory.com/1 먼저 저는 UL 태그를 통해서 구현을 했습니다. 이렇게 pages 라는 ID를 가진 UL 태그를 만들어 줬구요 이런식으로 가로로 나열되는 UL태그입니다 먼저 백엔드에서는 페이지의 총 수, 그리고 게시판에 그려줄 item 10개, 총 item 갯수를 리턴해줍니다. 이제 전부 JavaScri..

checkbox를 눌러서 전체 선택을 구현하고 선택된 리스트만 서버로 전송하는 로직을 구현해보겠습니다 이런 형태의 리스트를 만들었는데요 맨 위에 주황색에 체크박스를 누르면 전체선택이 되는 요렇게 되는 방법입니다. 제가 안드로이드에서 구현할 때는 좀 상당히 복잡했던 기억이 나는데요 (물론 제가 복잡하게 구현을 했을수도 있습니다) JavaScript에서는 상당히 쉽게 구현할 수 있었습니다. 이름(이메일) 연락처 소속 직급 등록일 대략 이렇게 테이블을 구현해서 javascipt로 를 구현해 줬구요 JavaScript 부분을 보면 $('#all_select').click(function () { if ($("input:checkbox[id='all_select']").prop("checked")) { $("in..

근래에는 개인적인 프로젝트로 프론트엔드도 구현하고 있는데요 로그인이나, 검색 등의 페이지에서 ENTER 버튼을 누르면 특정 함수가 실행되도록 구현하고 싶을 때가 있는데요 이럴 때 어떻게 해야하는지 보도록 하겠습니다. 제가 쓰는 로그인 Form 인데요 여기서 아이디와 비밀번호를 입력한 후에 ENTER 키를 누르면 로그인 함수가 실행되도록 만들어 보도록 하겠습니다. 이메일(아이디) 비밀번호 로그인 당연히 로그인 버튼을 누르면 Login() 함수가 실행되도록 onclick에도 넣어줬습니다. 그리고 이 id=login_form 인 폼 태그 안에서 id, password 상관없이 엔터 키를 누르면 login 함수가 실행되도록 하려면 이렇게 jquery를 사용해서 keypress 메서드를 이용해 keycode가 1..