본문 바로가기

Front-End3

[AJAX] AJAX란? Ajax(Asynchronous Javascript And Xml) 빠르게 동작하는 웹 페이지를 만들기 위한 개발 기법이다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있고 백그라운드 영역에서 서버와 통신하여 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 이 때 서버와 데이터를 주고받을 수 있는데 대표적인 데이터는 JSON, XML, HTML, 텍스트 등이 있다. Ajax의 장점 웹 페이지 전체를 다시 로딩하지 않고도 웹 페이지의 일부분만을 갱신할 수 있다 웹 페이지가 로드된 후에 서버에 데이터 요청을 보내거나 받을 수 있다 다양한 UI 구현(동적인 페이지 구현)이 가능해 진다 Ajax의 단점 페이지의 이동이 없기 때문에 히스토리 관리가 안된다 반복적인 데.. 2022. 1. 29.
[2주project] 마무리 및 회고 TIL [AucZip] 사용한 기술 프론트엔드 - React / Redux / Bootstrap 백엔드 - node.js / express / JWT / MySQL 프론트 엔드에서 구현 한 기능 로그인 기능 구현/ 회원가입 / mypage1(기본정보 제공, 회원정보, 투자내역) / mypage2(orm 설정) 홈화면 구현 회원가입창 모달로 만들기(이메일 중복등, 소셜로그인) 마이페이지(화면, 비번등 수정, 보유금액 등) 건물정보 클릭햇을시 해당 건물 페이지 이동 2주간의 짧은 프로젝트가 마무리 되었다. 처음 부동산 경매 사이트를 만들어 보자는 팀장의 아이디어를 듣고 어떻게 시작해야 될지 감이 오지 않았다. 제일 처음 시작한 일은 팀원들의 각자 역할을 나누고, 진행 단계를 나누는 일이 었다. 3개의 Sprint로.. 2020. 7. 13.
[2주 Project] 2일차 TIL 2주 Project 2일차에 접어들었다. 오늘은 어제 설계했던 부분을 좀 더 세분화 하여 시간분배를 하는 작업을 하였다. Front-end 역할을 맡게 되어서 내일 부터 시작될 Sprint2 작업을 같이 Front-end를 담당하는 분과 나누어 역할 분담을 하기로 하였다. Front-end 역할을 분배 하면서 내가 맡기로 한 부분은 다음과 같았다. 홈 화면 [ ] 홈 화면(/index) 구현 ⇒ 컴포넌트 & 버튼 생성 / 디자인은 추후 회원 가입 [ ] [회원 가입] 페이지 구현 ⇒ 컴포넌트 생성 글쓰기 컴포넌트 [ ] 글쓰기 페이지 구현 [ ] 작성 버튼 건물 정보 [ ] 건물 정보 페이지(/building) 구현 건물 이름 등등 / DB 참고 [ ] Google Map 출력 [ ] 투자하기 버튼 여기.. 2020. 6. 30.