# ajax

885개의 포스트

AJAX ⚙️

AJAX가 등장하기 전에는,웹 브라우저가 데이터를 요청하면 서버에 해당 정보를 “통째”로 보내주었었습니다.작은 영역의 일부 데이터만 변경되었을지라도, 서버는 변경된 데이터가 포함된 전체 정보를 다시 보내주었고, 브라우저는 당연히 그 통째의 데이터를 받아 웹페이지를 재로

약 13시간 전
·
0개의 댓글
·
post-thumbnail

day07 jsp

비동기적 통신빠르게 동작하는 웹페이지를 만들기 위한 개발 기법Ajax는웹 페이지 전체를 다시 로딩하지 않고도,웹페이지으 일부분만을 갱신할 수 있고, 백그라운드 영역에서 서버와 통신하여 그 결과를 웹 페이지의일부분에만 표시할 수 있다.이 때 서버와 데이터를 주고 받을 수

약 13시간 전
·
0개의 댓글
·

fetch Error handling

javascript fetch API의 에러 핸들링 시 참고하면 좋은 글https://velog.io/@yukyung/fetch%EC%9D%98-%EC%97%90%EB%9F%AC%EC%B2%98%EB%A6%AC-%EC%9D%B4%EC%95%BC%EA%B8%B0

약 20시간 전
·
0개의 댓글
·

[React] 컴포넌트 내 Ajax 요청

<데이터 파일>1\. 컴포넌트 내에서 필터링처음 단 한번, 외부 API로부터 목록을 받아오고 filter 함수를 이용한다.2\. 컴포넌트 외부에서 필터링검색어가 바뀔 때마다, 외부 API를 호출한다 (useEffect 사용)두 방식의 차이점1\. 컴포넌트 내부에서

어제
·
0개의 댓글
·

Sekkison Frontend UI -11 # 로그인

우리가 진행하는 sekkison 프로젝트는 모바일을 위주로 만드는 프로젝트이다. 그리고 우리 팀은 프론트엔드 개발자가 아니라 백엔드 개발자들만 모여 있기에 모바일 로그인 탬플릿을 사용하여 만들었다.프론트엔드를 깊게 배우지 않아 조잡해 보일 수 있지만 최대한 잘 보이게

1일 전
·
0개의 댓글
·

Sekkison Frontend UI-10 # Project Setting

앞서 sekkison프로젝트를 진행하면서 Rest API 방식으로 데이터를 받을 url 설정을 끝냈다. 이후 프로젝트의 프론트 구성과 그 과정에 대해 보여줄 것이다.먼저, 백엔드 서버와 프론트 서버를 나누어 프론트 쪽에서 api를 호출하는 방식으로 구성할 것이기 때문에

1일 전
·
0개의 댓글
·
post-thumbnail

[HTTP/네트워크] 기본 이론

ip와 포트 네트워크에 연결된 특정 PC의 주소를 나타내는 체계이다. IP는 Internet Protocol의 약자이다. 터미널에서 로 IP를 확인 할 수 있다. 닷(.)으로 구분된 네 덩이의 숫자로 구분된 IP 주소체계로 IP 주소체계의 네 번째 버전이다. 각

4일 전
·
0개의 댓글
·
post-thumbnail

Ajax

// 회원 정보 조회 비동기 통신(AJAX) document.getElementById("select1").addEventListener("click", function() { const input = document.getElementById("in1");

5일 전
·
0개의 댓글
·

Ajax

\[Servers -> New -> Server선택 ->server name : Tomcat v9.0 Server at localhost 서버네임 변경 후 -> 생성 생성 완료 후 -> Serve modules without publishing 체크 후 저장 ]Pack

5일 전
·
0개의 댓글
·

DAY39 - Ajax

day39 - Ajax, 비동기적 통신, XMLHttpRequest, open(), send(), Ajax 요청과 응답 프로퍼티

6일 전
·
0개의 댓글
·

Ajax

https://electronic-moongchi.tistory.com/72

6일 전
·
0개의 댓글
·
post-thumbnail

#17 중요 로직들 - 6 (feat. Multipart)

프론트 페이지의 거의 대부분을 끝냈다. 분량상 중요하지 않다고 생각되는 페이지는 제외하고 진행하여 프론트 구성에 대한 게시글은 이 글이 마지막이 될 것이다. >사이트에 회원이 있다면, 당연히 회원정보를 보거나 수정할 수 있어야 한다. 이번에 해볼 것은 유저의 프로필

7일 전
·
0개의 댓글
·
post-thumbnail

#16 중요 로직들 - 5 (feat. 캘린더 디자인)

앞서서 약속을 만들고, 참가하는 페이지들을 만들어 보았고, 이제 자신이 참가한 약속들을 캘린더 형식으로 보여줄 것이다. >이를 위해서, 서버에 연도와 달, 유저id를 보내면 해당 유저가 그 달에 한 약속들을 리턴해주는 컨트롤러와 서비스를 작성하였다. > Control

7일 전
·
0개의 댓글
·
post-thumbnail

#15 중요 로직들 - 4 (feat. 카카오맵, 거리계산)

앞서서 약속 만들기 페이지를 만들어 보았으니 이제 약속정보를 표시하는 페이지를 만들어 보겠다. >우리 프로젝트의 약속정보 페이지는 다음 이미지와 같다. >물론 멤버가 아니라면 초대하기 버튼이 사라지고, 방장이 아니라면 폭파 버튼이 참가하기/나가기 버튼으로 대체된다.

7일 전
·
0개의 댓글
·
post-thumbnail

#14 중요 로직들 - 3 (feat. 카카오맵, datepicker, timepicker)

약속을 만들기 위해서는 많은 정보들이 필요하다. 언제, 어디서, 누가, 무엇을 할 것인지에 대한 정보가 말이다. 그리고 우리 프로젝트 기획에 따라 약속을 공개할 것인지, 만나서?온라인으로?, 멤버가 가득 찼는지에 대한 정보도 필요하다. >이러한 정보들을 담아 서버로

7일 전
·
0개의 댓글
·
post-thumbnail

#13 중요 로직들 - 2 (feat. 스크롤 페이징)

프로젝트 주소 https://github.com/kdjdj77/Sekkison_Front >로그인과 회원가입, 헤더/푸터가 끝나고 다음으로 할 것은 바로 home 페이지를 만드는 것이다. 모든 사이트들이 각자의 home페이지를 가지고 있으며, 사이트의 얼굴과도 같은

7일 전
·
0개의 댓글
·
post-thumbnail

#12 중요 로직들 - 1 (feat. 검색, 프사 표시)

로그인과 회원가입 페이지에서는 필요 없었지만, 이제부터 구현할 페이지들에는 네비게이션의 역할과 편의성을 보장해 줄 헤더와 푸터가 필요하다. >기획 단계에서와 같이, 헤더에는 로고, 친구목록, 쪽지함, 알림, 내정보에 해당하는 버튼을 만들 것이고, 푸터에는 홈, 내 약

7일 전
·
0개의 댓글
·
post-thumbnail

#11 회원가입 페이지 구현(feat. 전화번호 인증)

프로젝트 주소 https://github.com/kdjdj77/Sekkison_Front >이제 회원가입을 만들어 볼 차례이다. 회원가입의 유효성 검사는 백엔드에서도 처리하였지만, 프론트에서도 동일하게 처리하였다. 그리고 unique하게 db에 저장되는 전화번호를 통

7일 전
·
0개의 댓글
·
post-thumbnail

#10 로그인 페이지 만들기(feat. 카카오, 구글, 네이버 로그인)

프로젝트 주소 https://github.com/kdjdj77/Sekkison_Front >우리가 진행하는 sekkison 프로젝트는 모바일을 위주로 만드는 프로젝트이다. 그리고 우리 팀은 프론트엔드 개발자가 아니라 백엔드 개발자들만 모여 있기에 모바일 로그인 탬플릿

7일 전
·
0개의 댓글
·
post-thumbnail

#09 프론트 프로젝트 시작 세팅

프로젝트 주소 https://github.com/kdjdj77/Sekkison_Front >앞서 sekkison프로젝트를 진행하면서 Rest Api 방식으로 데이터를 받을 url 설정을 끝냈다. 앞으로는 프로젝트의 프론트 구성과 그 과정에 대해 보여줄 것이다. >먼

7일 전
·
0개의 댓글
·