본문 바로가기

분류 전체보기101

[React] 리액트 주요 개념 리액트의 주요특징 1. 가상 DOM : 일반적으로 웹 페이지 View를 변경할때, 사용자의 클릭등의 이벤트에 따라 DOM 을 변경하여 웹 사이트 내용을 갱신한다. 그러나 React는 Virtual DOM을 도입하여 리액트에서 실제 DOM의 복사본인 가상 DOM을 만든뒤, 변화를 주고 싶은 부분의 DOM을 변경하여 실제 DOM과 가상 DOM의 차이점만 반영하게 된다. 2. 컴포넌트 기반 리액트에서 요소를 렌더링하는 가장 기본적인 방식으로 함수형 또는 클래스형 컴포넌트를 통해 요소를 생성한다. 리액트의 기본 프로젝트 구조중에서 index.js라는 하나의 파일에서 웹 페이지가 생성된다. root는 React의 가장 베이스 요소이고, 해당 root 요소 안에 이라는 컴포넌트를 삽입한 형태인 것이다. 다음은 Ap.. 2024. 3. 22.
[Linux] Windows에서 ubuntu 사용하기 백엔드 관련 작업 프로그램들은 우리가 대부분 사용하는 Window OS보다, 리눅스를 기반으로 실행되기때문에 개발자라면 Linux환경에서 다양한 업무를 진행할수 있어야한다고 한다. 그래서 리눅스 환경에서 서버를 구축하는 공부를 하고있다. 가상머신(VirtualMachine) 설치 Windows환경에서 Linux를 사용하기위해 Oracle사에서 제공하는 VirtualBox 라는 가상머신을 설치한다. VirtualBox를 통해 내 컴퓨터에서 일종의 가상 컴퓨터를 만들수있으며, 원하는 만큼 메모리를 할당해줘서 사용할 수 있다. Linux 환경의 가상 컴퓨터를 생성해준다. Ubuntu Linux는 오픈소스로 다양한 버전이 시중에 나와있는데, 그중 데비안 계열의 우분투(Ubuntu)를 가장 많이 사용한다고한다. .. 2024. 3. 13.
[개인프로젝트] 15일차 - 배열 탐색 마지막으로 구현할 기능은 정렬 및 탐색 기능이다. 현재 작업하고있는 프로젝트는 구인&구직 서비스로, 구직자는 자신의 이력서에 자신의 특성을 나타내는 해시태그 형태를 등록하고, 채용공고를 올리는 유저는 채용 직무에 맞는 선호하는 특성을 등록한다. 그리고, 해당 특성 항목들은 DB 테이블에서 다음과 같이 Personality 테이블의 id값을 참조하여 각각의 Resume, Employment 테이블들의 중간 테이블에서 받아주고있다. 하나의 이력서가 여러개의 특성을 가질수있고, 하나의 특성이 여러개의 이력서를 가질수있다. 또한 하나의 채용공고가 여러개의 특성을 가질수있고, 하나의 특성이 여러개의 특성을 가질수있다. Personality 테이블과 Resume, Personality 테이블과 Employ 테이블의.. 2024. 3. 2.
[개인프로젝트] 13일차 - 제이쿼리,자바스크립트 제이쿼리를 사용한 모달팝업 사장님 로그인을 한뒤, 내 가게정보를 등록할때 가게 주소를 입력하면 이력서를 등록한 유저들중 가게 주소와 가까운 유저들만 골라서 리스트로 출력해주는 기능을 만들면서 모달팝업을 사용해서 출력하였다. 즉, 위 화면의 버튼 클릭시 아래 리스트가 ajax통신으로 출력되며, 리스트를 클릭하면 해당하는 유저에 대한 프로필이 팝업형태로 출력된다. 서버에서 보낸 복잡한 객체를 클라이언트 자바스크립트로 받기 해당 기능을 구현하기위해 AJAX로 받아온 데이터를 HTML에서 출력하는것이 아니라, 자바스크립트 코드의 일부분만 발췌하면, 직접 일일이 HTML 태그요소들을 제이쿼리로 만들어 append로 하나하나씩 갖다붙여주었다.. HTML코드상에서 짤때는 감이잡히는데 저렇게 자바스크립트 안에서 하나하.. 2024. 2. 28.

티스토리툴바