🤍 은지log 🤍

지난 4월 부터 iframwork 에서 웹스퀘어로 변경하는 파이낸셜 프로젝트에 참여중이다. 사실,, 웹스퀘어라는 프레임워크 자체를 이번 프로젝트때에 처음 들어보기도 하였고 그동안 사용하던 방식과 다른점이 많아서 많이 해매는 중이다 ㅠㅠ (아직까지도..) 웹스퀘어 교육 강의, 구글 검색 에서 내가 실업무에서 사용했던 부분들만 정리해보았다. script에서는 javascript의 로직을 작성한다. websquare5 파일을 생성하면 onpageload-페이지로딩 후 실행 가 자동 등록된다. scwin.onpageload = function() { }; 웹스퀘어 5에서는 기본 namespace기반의 코딩을 하며 default로 사용하는 객체의 명은 scwin이다. DataColletion에서는 data객체를 ..

CI/CD 란? CI 는 개발자를 위한 자동화 프로세스인 지속적인 통합 ( Continuous Integration ) 지속적인 통합 이란 어플리케이션의 새로운 코드 변경 사항이 정기적으로 빌드/ 테스트 되어 공유 Repository에 (ex. git,github) 통합하는것을 의미 한다. 다수의 개발자가 한 팀으로 작업할 경우, 공유 리포지토리에 많은 commit들이 쌓이게 되는데 그때마다 충돌 할수 있는 코드들을 자동화된 빌드&테스트로 방지할수 있다. CD 는 지속적인 배포 ( Continuous Deployment ) or 지속적인 제공 ( Continuous Delivery ) 배포 단계에서 “수동적" 으로 배포하는것이 지속적인 제공 ( Continuous Delivery ) 이고 “자동화” 로 ..

CRUD 는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제) 를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다.

🎣 REST API : 프론트엔드 웹에서 서버에 데이터를 요청하거나 (배달앱에서 서버에 주문을 넣거나 등) 이런 서비스들에서 사용되는 것이 REST 란 형식의 API 이다. 각 요청이 어떤 동작이나 정보를 위한것인지를 그 요청의 모습 자체로 추론이 가능하다. - 레스트풀하게 만든 API는 요청을 보내는 주소만으로도 대략 이게 뭘 하는 요청인지 파악이 가능하다. 서버에 REST API로 요청을 보낼때는 HTTP라는 규약에 따라 신호를 전송한다. 🎣 REST API 에서 주로 사용하는 메소드 : GET : 데이터를 Read, 조회 POST : Create, 새로운 정보 추가 DELETE : Delete, 정보 삭제 PUT : Update, 정보를 통째로 변경할때 PATCH : Update, 정보를 일부만 변..

jQuery : 여러 브라우저에서 작동하는 사용하기 쉬운 API를 사용하여 HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션 및 Ajax와 같은 작업을 훨씬 더 간단하게 만드는 JavaScript 라이브러리 Using jQuery with a CDN : AJAX ( Asynchronous JavaScript and XML ) : 서버와 통신하기 위해 XML Http Request 객체를 사용하는 것을 말한다. JSON XML HTML 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다. AJAX는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나이며, AJAX의 강력한 특징은 웹 페이지 전체를 리프레쉬 하지 않고도 웹 페이지의 일부분만을 갱신할 수 있다. 즉 Ajax를 ..

let 과 const (var 사용안함❌) : 블록 레벨 스코프 var은 스코프 외에서도 실행 호이스팅(hoisting: 어디에 선언했냐 상관없이 항상 제일위로 선언을 끌어올려주는것) let, const는 스코프 내에서만 실행 console.log(i); // (에러가 아니고) undefined var i = 0; console.log(i); // 0 // 해석 결과 var i; consoloe.log(i); i =0 ; console.log(i); console.log(i); let i = 0; console.log(i); // Uncaught SyntaxError: Identifier 'i' has already been declared (i가 정의되지 않았다.) let 과 const는 블록 스코..

➕ 배열 추가 : Array.push() Array.unshift() Array.splice() let arr = [ 'a', 'b', 'c']; arr.push('d'); // arr = ['a', 'b', 'c', 'd'] 배열의 끝에 요소 추가 let arr = [ 'a', 'b', 'c']; arr.unshift('d'); // arr = ['d', 'a', 'b', 'c'] 배열의 앞에 요소 추가 let arr = [ 'a', 'b', 'c']; arr.splice(2,0,'d'); // arr = ['a', 'b', 'd', 'c'] index 2에 요소 추가 let arr = [ 'a', 'b', 'c']; arr.splice(4,0,'e','f'); // arr = ['a', 'b', '..