본문 바로가기

반응형

분류 전체보기

ORM ORM (Object Relational Mapping) 객체 - 관계 매핑 객체 지향 프로그래밍 언어를 사용하여 가상의 객체 데이터베이스를 생성한 후, 이를 관계형 데이터베이스의 테이블에 매핑하는 프로그래밍 기법 객체지향에서 쓰이는 클래스와 관계형 데이터베이스에서 쓰이는 데이터를 테이블이 자동으로 매핑하는 것을 의미 개발자들은 SQL 쿼리를 작성하지 않고도 데이터베이스 조작을 수행할 수 있습니다 클래스와 테이블은 서로가 기존부터 호환가능성을 두고 만들어진 것이 아니기 때문에 불일치가 발생 => ORM을 통해 객체 간의 관계를 바탕으로 SQL 문을 자동으로 생성하여 불일치를 해결하는 데 사용 객체 지향 프로그래밍을 클래스를 사용하며 관계형 데이터베이스는 테이블을 사용 ORM을 이용하면 따로 SQL문을 짤.. 더보기
Http 버전별 특징 HTTP (HyperText Transfer Protocol) 클라이언트와 서버 사이에 이루어지는 요청과 응답을 주고받을 수 있는 프로토콜 데이터를 주고받기 위한 각각의 데이터 요청이 서로 독립적으로 관리 서버는 세션과 같은 별도의 추가 정보를 관리하지 않아도 되며 다수의 요청 처리 및 서버의 부하를 줄일 수 있는 장점 HTTP Method GET 데이터를 읽거나 검색할 때 사용되는 메소드 데이터를 수정할 때에는 사용하지 않는다 요청이 성공적으로 이루어진다면 응답코드(200)와 함께 XML이나 JSON로 이루어진 결과를 반환 같은 요청은 항상 같은 응답을 받을 수 있다 HEADER GET과 동일한 역할을 하지만 서버에서 Body를 반환하지 않음 오직 서버 내에서의 확인만을 원할 때 사용 PUT 요청 페이.. 더보기
Before & After 기능 만들기 Before & After 기능 만들기 프로젝트의 목표는 사용자가 원하는 한 이미지의 배경을 도시와 숲 두가지의 배경으로 자유롭게 변환하는 기능을 만드는 것이었습니다. 이 기능을 구현하기 위해서, 사용자는 화면 중앙의 막대를 조절하여 변환 영역을 조절할 수 있도록 설계하였습니다. 이미 실사이트에는 기존에 있는 코드를 활용하여 이를 구현할 수 있었어요. 이 코드는 화면 영역 내에서 마우스를 움직이는 것만으로도 기능을 실행할 수 있게 해줬습니다. 그런데, 프로젝트를 마친 뒤에 든 생각이 있었는데요. "사용자가 막대를 클릭했을 때에만 변환이 실행되면 어떨까?"라는 생각이었습니다. 저는 이런 방식이 실제로 사용되는 경우가 더 많지 않을까 생각했어요. 그래서, 클릭 시에만 움직일 수 있는 기능을 직접 구현해보기로.. 더보기
Tomcat, Nginx Tomcat, NginX 1. Tomcat 의미 아파치 소프트웨어 재단에서 개발한 서블릿 컨테이너(또는 웹 컨테이너)만 있는 웹 애플리케이션 서버 톰캣은 웹 서버와 연동하여 실행할 수 있는 자바 환경을 제공하여 자바서버 페이지(.jsp)와 자바 서블릿이 실행할 수 있는 환경을 제공 관리툴을 통해 설정을 변경할 수 있지만, XML 파일을 편집하여 설정할 수도 있다. HTTP 서버 자체 내장 Java Servlet 웹 서버가 HTTP 프로토콜을 상요하여 동적 Java 기반 웹 콘텐츠를 처리할 수 있도록 하는 소프트웨어 Java Servlet 및 JSP는 Java 프로그래밍 언어를 기반으로 한다는 점에서 PHP 또는 ASP.NET와 대체로 비슷함 Coyote 엔진으로 구성되어 있으며 Tomcat의 기능을 확장.. 더보기
첫번째 이야기 WAS, Web Server 시작은 평범하게 첫 번째 주제로 어떤 내용을 다뤄볼까 고민하던 중 마침 AWS(아마존 웹 서비스)에 대한 광고를 보게 되었고, AWS와 WAS를 헷갈려하던 때가 생각이 나 의식의 흐름에 따라 AWS와 같이 붙어 다니는 Web Server도 같이 알아보게 되었다. Application Server Application server가 왜 나와..? 이야기 주제는 WAS, Web Server인데 왜 처음에 이 두 이야기가 아닌 Application Server인지 의아할 수도 있다. 이 내용을 먼저 하게 된 이유는 이 글을 작성하기 위해 공부한 Web Server, WAS의 대한 내용에 많이 관여가 되어있기 때문에 먼저 작성하게 되었다. Application Server Application Server란 쉽.. 더보기
텍스트 자동 롤링효과 만들기 이전 블로그에 게시되었던 내용입니다 (원본 게시 날짜 :2020년 4월 16일) 1. 만들게 된 배경 유명 포털사이트나 TOP10, TOP5같이 순위나 특정한 장소를 일정한 주기로 표시하는 기능을 넣고 싶은데 어떤걸 넣으면 좋을지 고민하다가 일정한 시간이 지날때마다 단어가 위로 올라가며 바뀌는 기능을 만들어보고 싶다는 생각을 가지고 바로 만들어보았습니다. 2. 만들어볼 효과 시간이 지날때 마다 지역이 바뀌는 기능입니다 롤링 될 내용의 갯수를 제한하지 않고 임의의 갯수를 정해 넣어도 돌아갈 수 있도록 만들었으며 타이머를 따로 변수로 지정하여 쉽게 수정할 수 있도록 만들었어요. 3. 코드 Html CSS JavaScript let rollingData = [ '서울', '대구', '부산', '경기', '울산.. 더보기
잡초같은 개발자의 인사말 이 블로그는 저의 개발 여정과 함께하며, HTML, CSS, JavaScript 등의 기본부터 React, Vue, Angular와 같은 프레임워크를 통한 숙련된 기술까지 다양한 프론트엔드 개발에 대한 정보를 공유하는 공간입니다 잡초? 왜 잡초인가요? 잡초는 어떤 환경에서도 적응하고 생존하는 놀라운 생명력을 가지고 있습니다. 저는 이런 잡초같은 특성이 개발자에게도 필요하다고 생각합니다. 코드가 예상대로 작동하지 않거나, 새로운 기술이 어려워도 포기하지 않고 계속해서 배우고 성장하는 것, 이것이 바로 저의 '잡초같은' 끈질긴 정신입니다. 이 블로그를 통해, 저는 여러분과 함께 다양한 프론트엔드 개발 주제를 탐색할 것입니다. 기본적인 웹 개발 기술부터 최신 프론트엔드 트렌드, 라이브러리, 프레임워크까지 깊이.. 더보기

반응형