# ajax

ohjoo1130

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

lee_ari615

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

weather1212

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

tnsdlznf23

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

ahnilhuman2

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

ahnilhuman2

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

tnsdlznf23

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

deokkeun

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

deokkeun

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

glabby01

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

krhopy

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

phraqe

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

phraqe

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

phraqe

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

phraqe

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

phraqe

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

phraqe

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

phraqe

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

phraqe

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

phraqe

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