본문 바로가기

분류 전체보기127

React 1.개요1)SPA(Single Page Application)=>html 파일 1개로 동작하는 웹 애플리케이션 =>여러 개의 html로 구성된 웹 애플리케이션(Multi Page Application)은 페이지 전환을 할 때 이전 페이지를 제거하고 새로운 페이지를 랜더링을 하게 되는데 이 과정에서 깜빡임이 발생 =>SPA를 이용하면 위 와 같은 깜빡임을 제거할 수 있습니다. 하나의 html로 구성되기 때문에 새로운 페이지를 랜더링하지 않음 =>이런 SPA 프레임워크로 angular, vue, react 가 있음 2)Template Engine=>웹 서버 프레임워크는 대부분 HTML 템플릿 엔진을 제공 =>HTML 템플릿 엔진은 서버에서 제공하는 데이터 와 html 태그를 결합해서 웹 클라이언트에게 출력 .. 2024. 4. 26.
JavaScript(5) 1.ajax 1)개요 =>Asynchronous JavaScript XML(eXtensible Markup Language) 의 약자 =>원래 의미는 비동기적으로 XML 데이터를 가져오는 것이었는데 최근에는 XML 대신에 JSON을 많이 사용 2)사용 이유 =>전체 페이지를 새로고침하지 않고 서버로부터 데이터를 받아서 일부분만 다시 출력하는 용도로 주로 이용 =>여러 콘텐츠를 하나의 화면에서 제공하는 경우에 사용 3)구현 객체 =>XMLHttpRequest 4)알아야 할 내용 =>GET 과 다른 방식으로 데이터를 포함(텍스트, 파일 등)시켜 요청을 전송하고 데이터(JSON, XML, Text 등)가 왔을 때 사용 =>SOP 와 CORS - SOP(Same Origin Policy - 동일 출처 정책) 자.. 2024. 4. 23.
JavaScript(4) 1.Function 1)개요 =>자주 사용되는 코드를 하나의 이름으로 묶어두고 하나의 명령의 형태로 호출하는데 독립적으로 메모리를 할당받아서 실행 2)종류 =>Javascript에서 제공하는 함수 =>사용자 정의 함수 =>3rd party 함수: 다른 개발자가 만든 함수 3)함수는 일급 객체 =>함수도 하나의 자료형, 데이터 =>함수를 변수에 대입하는 것이 가능 =>함수를 리턴하는 것이 가능 =>함수 안에 함수를 만드는 것이 가능 =>함수를 매개변수로 사용하는 것이 가능 4)함수 생성 =>function 다음에 이름을 기재 function 함수이름(매개변수 나열){ 함수의 내용 } =>함수를 변수에 대입 var | let | const 이름 = function(매개변수 나열){ 함수의 내용; } 5)함수.. 2024. 4. 23.
JavaScript(3) 1.개요 1)등장 배경 =>웹 페이지의 동적인 처리를 향상시키기 위해서 등장 - HTML: 웹 브라우저에 보여지는 내용의 구조를 위한 언어 - CSS: 디자인 적용 2)특징 =>스크립트 언어: 컴파일하지 않고 줄 단위로 읽어서 번역하는 언어 스크립트 언어는 아래쪽에 에러가 있더라도 에러가 발생하기 전까지는 수행을 합니다. =>유니코드 기반의 언어이고 대소문자 구별 =>웹 브라우저에서 번역해서 실행 웹 브라우저마다 다르게 동작할 수 있음 =>동적 바인딩: 실행할 때 또는 데이터가 대입될 때 자료형이 결정 - 동적 바인딩은 장점이 많지만 컴파일 시간에 에러를 알 수 없고 어떤 데이터가 필요한 지 예측할 수 없기 때문에 개발자 입장에서는 반드시 좋은 것 만은 아님 - 동적 바인딩이지만 미리 자료형을 결정해서 .. 2024. 4. 18.
AWS(7)-S3 에 Spring Boot 프로젝트 업로드 1.Spring Boot 프로젝트에서 파일 업로드 구현 1)Spring Boot Framework =>Java를 이용해서 Application을 빠르고 쉽게 구현하기 위한 프레임워크 =>Java Application을 구현할 때는 특별한 경우가 아니면 Spring Framework 를 이용 =>이전에 Web Application의 경우는 Spring MVC Framework 를 많이 이용했는데 Micro Service 구현에서는 Spring Boot Frame Work를 이용 2)Spring Framework IDE =>Eclipse 기반의 SpringToolSuite - SI 분야에서는 가끔 이용 =>Intelli J: 플랫폼 기업들에서 대부분 이용. Pycharm 과 개발 환경이 유사 웹 애플리케이션.. 2024. 4. 18.
AWS(6)-S3에 파일 upload(Django, Spring Boot, react) Why 모델은 Tensorflow 를 사용하는지? Tensorflow 은 JavaScript 모델 단에 배포할 수 있어서 서버입장에서 부담을 덜 수 있음.Pytorch는 자유도가 높아 서버 측면에서만 모델 배포 가능 1.파일 업로드가 가능한 S3 버킷 생성 =>업로드가 되는 파일은 웹 애플리케이션에서 업로드되는 파일이 주였지만 최근에는 Data Lake 구성에 S3 가 많이 사용됩니다. 차후에 Serverless(서버가 직접 구축할 이유가 없음) 인 Lambda 같은 기능을 같이 사용하면 파일이 업로드되는 이벤트가 발생하면 메세지를 받아서 특정 작업을 수행하도록 할 수 있습니다. 1)버킷 생성 =>s3 서비스에서 [버킷 만들기]를 클릭 =>버킷 이름 설정 버킷의 이름은 리전에서 유일무이 해야 합니다 버킷.. 2024. 4. 17.

티스토리툴바