본문 바로가기

분류 전체보기219

[EC2] 실습 : 인스턴스 생성, 원격 접속, 웹서버 실행 EC2 실습 인스턴스 생성 항목 선택하기이름 및 태그- 이름 : 인스턴스를 식별할 이름- 태그 : 인스턴스에 대한 메모 Key와 Value로 입력할 수 있다애플리케이션 및 OS 이미지(Amazon Machine Image)- 임대할 컴퓨터의 운영체제 선택하는 항목- 운영체제마다 무료 체험 가능여부 다름(프리티어로 표기됨)- Amazon Linux : 유닉스 기반 아마존에서 자체 수정한 리눅스- Ubuntu : 보편적으로 많이 사용되는 유닉스 기반 OS인스턴스 유형- 임대할 컴퓨터의 사양을 선택하는것- t2.micro : t2.nano보다 성능은 높지만 프리티어로 사용할 수 있음- 사양항목 vCPUs : 몇개의 가상 cpu가 달려있는가 Memory : 메모리의 용량 GiB Network Perfor.. 2023. 1. 10.

[개요] 클라우드 개념 / 리전 / EC2 / AMI AWS 개요 AWS란?아마존에서 제공하는 대표적인 클라우드 컴퓨팅 서비스클라우트 컴퓨팅이란?- 인터넷(네트워크)을 사용해서 외부에 있는 컴퓨터 자원을 사용하는 것다양한 상품군들이 존재- 초기에 생성되어 인프라가 되어주는 상품군- 특수한 경우에 아주 편리하게 사용할 수 있는 상품군 지역(Region)과 가용구역(AZ, availability zone)지역(Region)- 특정 지리에 위치해있는 데이터 센터- 사용자와 가까운 지역에서 서비스를 제공함으로써 응답시간을 줄인다- 소비자의 위치와 서버의 위치가 멀면 멀수록 네트위크는 느려진다 (물리적인 거리도 영향을 주고 경유지가 많을수록 병목리스크 커짐)- AWS의 지역별 속도를 비교하는 사이트 등을 활용해서 지역을 결정한다 (ex: http://www.c.. 2023. 1. 10.

[개요] IaC 개념 / 테라폼 기본 플로우 Terraform테라폼을 활용하기 위한 기초 지식들을 톺아본다 연관 CS 개념프로비저닝(Provisioning)- 사용자의 요구에 맞게 시스템 자체를 제공 하는 것- 클라우드를 사용하는 것은 클라우드 Vendor 로부터 서비스를 Provisioning 받는것- 예 : 서버 프로비저닝 : CPU, Memory, IO 등과 같은 실제 서버의 자원을 사용할 수 있도록제공하는것 OS 프로비저닝 : OS를 서버에 설치하고 구성작업을 해서 사용할 수 있도록 제공하는 것 Software 프로비저닝 : WAS, DBMS 등의 소프트웨어를 설치하고 세팅하여 실행할 수 있도록 제공하는 것인프라 리소스(infrastructure resources)- IT 환경을 운영하고 관리하는 데 필요한 구성 요소- 서버, 데이터.. 2023. 1. 10.

[개요] CICD 입문 / 연관 CS 지식 CI/CD본격적으로 실습에 들어가기 전에 필요한 개념들을 다져본다. 연관 개념아티팩트- artifact- 개발 과정의 최종 산출물- war(웹 어플리케이션 패키징), jar(리소스 패키징), 이미지(앱 및 환경 패키징) 등이 이에 해당한다배포 환경 종류1. 개발 환경 : 개발자들 작업공간, 주로 로컬 머신에서 실행2. 테스트 환경 : 단위 테스트, 통합 테스트, 시스템 테스트 등이 수행되는 환경3. 스테이징 환경 : 프로덕션 환경과 유사한 설정을 가진 테스트 환경 실제 배포 전에 최종 검증을 수행한다. QA 팀이나 이해관계자들이 기능을 검토하고, 실제 사용 시나리오를 기반으로 애플리케이션을 테스트4. 프로덕션 환경 : 실제 사용자에게 서비스를 제공하는 최종 환경MSA- Micro Service A.. 2023. 1. 10.

[YAML] 설정 파일을 구성하는 데이터 구조 YAML데브옵스에서 설정파일등에 많이 쓰이는 데이터 구조에 대해 톺아본다 데이터 직렬화데이터를 전송하거나 저장할 수 있는 형태로 변환하는 과정* 프로그램이 사용하는 데이터는 보통 객체 등의 복잡한 구조를 가지므로 이를 파일에 저장하거나 네트워크를 통해 전송하기 쉬운 형태로 변환한다종류- JSON (관련 포스팅 : 129번 포스팅)- YMAL- XML YAML이란?YAML Ain't Markup Language (재귀약어)데이터 직렬화 방식 중 하나이나 직관적인 데이터 구조로 설정파일 등에 많이 쓰인다(오히려 직렬화 성능은 떨어짐)특징- 들여쓰기를 통해 데이터 계층을 표시한다(파이썬과 동일) 이때, 보통 2칸의 공백을 사용한다(탭x)- '---'(시작표시)와 '...'(끝표시)를 통해 여러개의 문서를 .. 2023. 1. 10.

[Git] 버전 관리와 원격 저장 Git / GitHub프로젝트 버전관리에 활용되는 git hub에 대해 톺아본다. 포스팅순서자주 쓰는 명령어버전관리- 변경관리 / 버전관리 / 형상관리- Git & GitHub- Git BashGit 용어정리기본 사용법- init, clone : 시작하기- config : 설정관련- remote, fetch : 원격저장소 관련- branch, switch : 브랜치와 전환- merge, pull : 병합하기- diff, log : 변경사항 비교 및 추적- status, add, commit : 변경 사항 관리- reset, restore : 되돌아가기- push : 로컬에서 원격으로 변경사항 업로드심화 사용법- Fork- Pull Request- 깃이그노어 자주 쓰는 명령어로컬 커밋 삭제git reset.. 2023. 1. 10.

[JSP] 간단한 실습 JSP 실습서블릿의 doGet 메소드 내에서 응답페이지를 만드는 과정을JSP에게 위임하여 화면을 처리해보자1) JSP 파일 만들기이클립스 폴더 오른클릭 [new]-[JSP File]기존 html파일과의 차이점 :최상단에 2줄의 페이지 지시어가 있다는 점이다. 2) (서블릿) 데이터 담기현재 servlet상에 존재하는 데이터가 응답화면(jsp)에서 필요한 경우데이터를 담기 위한 공간 == request의 attribute영역(키=밸류 세트로 담는다)request.setAttribute("키", 밸류); 키는 문자열로 입력밸류는 Object타입으로 정의되어 있어 어떤 타입이든 담을 수 있음. 3) (서블릿) JSP로 위임하기JSP로 위임시 필요한 객체 (RequestDispatcher)를 만든 후 포워딩 .. 2023. 1. 10.

[JSP] HTML 위에서 작성하는 Java / 기본 문법 JSP 기초서블릿으로 응답화면을 작성할때의 불편함을 보완해주는 JSP에 대해 톺아본다. 서블릿과 JSP 차이 ServletJSP형태Java 코드에 HTML 코드 삽입HTML코드에 Java코드 삽입예시PrintWriter객체.println("");특징Business 로직 처리에 적합화면 로직 처리에 적합 JSP란?Java Server PagesHTML 코드에 Java 코드를 결합하여 동적인 웹페이지를 생성하는 서버 측 스크립트 언어서블릿의 하위 기술- 기존 서블릿이 응답화면을 자바 코드 내에서 하나하나 구현했어야 했던 복잡함을 보완하였다. >> 서블릿은 비즈니스로직(Controller), JSP는 프레젠테이션로직(View)으로 분리한다.- .jsp 확장자로 JSP임을 지시하며 컴파일 시 서블릿으로 변환.. 2023. 1. 10.

[서블릿] 실습 : form태그를 통한 HTTP 통신 이클립스 실습 : Form을 통한 실습HTML 파일을 만들어 form태그로 소스를 작성 한 후서블릿과 연동하여 작동 원리를 확인해보는 과정을 단계별로 해보자 1) 서블릿 소스파일 만들기서버세팅과 이클립스 프로젝트 세팅을 마친다관련 포스팅 : 61번 포스팅서블릿 생성하기- 이클립스 패키지 오른클릭 new > Servlet- 서블릿이 저장되는 패키는 보통 controller (src/main/java/com/rh/controller) - 클래스명은 대문자로 짓는다.매핑값 입력하기- Next를 눌러 URL mappings에 연결시킬 매핑값을 입력한다 ( /test1.do )- 생성된 소스파일에서 @WebServlet 어노테이션이 ("/test1.do") 으로 자동 설정됨- url/contextPath/매핑값 .. 2023. 1. 10.

[키워드] static을 사용한 정적 멤버 키워드 : static 정적(static)이란?static 키워드를 사용하여 변수와 메소드를 만들면 정적 필드, 정적 메소드가 된다.어떤 객체에 소속되는 것이 아닌, 클래스에 고정되어 있다고 해서 클래스 필드, 클래스 메소드라고도 한다. 정적 멤버 특징메모리에 항상 적재- 정적 멤버들은 메모리의 Heap영역이 아닌 Static 영역에 할당된다.- Garbage Collector의 관리 영역 밖에 존재하여 프로그램 종료시까지 메모리에 존재한다.인스턴스 없이 사용- 메모리에 이미 올라가있기 때문에 인스턴스 없이도 호출할 수 있다. (ex. System.out.println(1);)- 주로 유틸리티 함수를 만드는데 사용된다.class Name{ static void print() { // 클래스 메소.. 2023. 1. 10.

[07] 게시판기초 : 상세조회, 수정, 삭제 게시판 상세기능 목록을 클릭했을 때 상세조회 페이지로 넘어가는 기능과 수정 및 삭제 기능을 구현해보자 > 기능 url요청 요청시 전달값 응답페이지 또는 url재요청 /web index.jsp 로그인요청 /login.me userId=?&userPwd=? 실패시 views/common/errorPage.jsp 성공시 /web url재요청=> index.jsp 로그아웃요청 /logout.me /web url재요청=> index.jsp 회원가입페이지 /enrollForm.me views/member/memberEnrollForm.jsp 회원가입요청 /insert.me userId=? ... 등 실패시 views/common/errorPage.jsp 성공시 /web url재요청 => index.jsp 마이페이지.. 2023. 1. 9.

[06] 게시판기초 : 일반목록, 글쓰기(+권한) 공지사항 게시판 공지사항 게시판기능을 위해서는 목록과 상세페이지를 만들어야 한다. 회원 비회원 모두 조회할 수 있으며, 글쓰기는 관리자만 가능하다 > 기능 url요청 요청시 전달값 응답페이지 또는 url재요청 /web index.jsp 로그인요청 /login.me userId=?&userPwd=? 실패시 views/common/errorPage.jsp 성공시 /web url재요청=> index.jsp 로그아웃요청 /logout.me /web url재요청=> index.jsp 회원가입페이지 /enrollForm.me views/member/memberEnrollForm.jsp 회원가입요청 /insert.me userId=? ... 등 실패시 views/common/errorPage.jsp 성공시 /web .. 2023. 1. 9.

[05] 모달을 사용한 비밀번호변경 비밀번호 변경 및 탈퇴 부트스트랩의 모달을 활용하여 기능을 꾸려보자 > 기능 url요청 요청시 전달값 응답페이지 또는 url재요청 /web index.jsp 로그인요청 /login.me userId=?&userPwd=? 실패시 views/common/errorPage.jsp 성공시 /web url재요청=> index.jsp 로그아웃요청 /logout.me /web url재요청=> index.jsp 회원가입페이지 /enrollForm.me views/member/memberEnrollForm.jsp 회원가입요청 /insert.me userId=? ... 등 실패시 views/common/errorPage.jsp 성공시 /web url재요청 => index.jsp 마이페이지요청 /myPage.me 로그인전 .. 2023. 1. 6.

[04] 회원정보변경 회원정보변경 마이페이지에서 로그인한 유저가 입력한 정보대로 DB를 업데이트 해보자 > 기능 url요청 요청시 전달값 응답페이지 또는 url재요청 /web index.jsp 로그인요청 /login.me userId=?&userPwd=? 실패시 views/common/errorPage.jsp 성공시 /web url재요청=> index.jsp 로그아웃요청 /logout.me /web url재요청=> index.jsp 회원가입페이지 /enrollForm.me views/member/memberEnrollForm.jsp 회원가입요청 /insert.me userId=? ... 등 실패시 views/common/errorPage.jsp 성공시 /web url재요청 => index.jsp 마이페이지요청 /myPage... 2023. 1. 6.

[03] 마이페이지 마이페이지 만들기 마이페이지에서 로그인한 유저의 정보를 확인할 수 있게 해보자. > 기능 url요청 요청시 전달값 응답페이지 또는 url재요청 /web index.jsp 로그인요청 /login.me userId=?&userPwd=? 실패시 views/common/errorPage.jsp 성공시 /web url재요청=> index.jsp 로그아웃요청 /logout.me /web url재요청=> index.jsp 회원가입페이지 /enrollForm.me views/member/memberEnrollForm.jsp 회원가입요청 /insert.me userId=? ... 등 총 n개 실패시 views/common/errorPage.jsp 성공시 /web url재요청 => index.jsp 마이페이지요청 /myP.. 2023. 1. 5.

[02] 회원가입 기능 회원가입 아이디, 비밀번호, 이름, 관심분야를 받는 회원가입 폼을 만들고, DB에 INSERT 해보자 > 기능 url요청 요청시 전달값 응답페이지 또는 url재요청 /web index.jsp 로그인요청 /login.me userId=?&userPwd=? 실패시 views/common/errorPage.jsp 성공시 /web url재요청=> index.jsp 로그아웃요청 /logout.me /web url재요청=> index.jsp 회원가입페이지 /enrollForm.me views/member/memberEnrollForm.jsp 회원가입요청 /insert.me userId=? ... 등 총 7개 실패시 views/common/errorPage.jsp 성공시 /web url재요청 => index.jsp .. 2023. 1. 5.

[01] 메뉴바와 로그인 기초설계 기본 세팅을 마쳤다면, Web 어플리케이션의 기반을 다지자. 그리고 로그인 기능 만들기 기능 url요청 요청시 전달값 응답페이지 또는 url재요청 /web index.jsp 로그인요청 /login.me userId=?&userPwd=? 실패시 views/common/errorPage.jsp 성공시 /web url재요청=> index.jsp 로그아웃요청 /logout.me /web url재요청=> index.jsp 메뉴바 만들기 어느 페이지에서건 공통적으로 보이게 되는 메뉴바를 설계한다. STEP1) index.jsp 생성위치 : src\main\webapp 기본 홈 화면이라고 보면 된다. 공통적으로 사용할 menubar.jsp를 따로 만든 후 include지시어로 body태그 안에 넣는다. ST.. 2023. 1. 4.

[00] 프로젝트 세팅, JDBC 연결 준비 CRUD 실습C (create) : INSERTR (read) : SELECTU (update) : UPDATED (delete) : DELETE 이번 프로젝트는 기본 CRUD를 활용하여 웹어플리케이션을 만들어볼 것이다.이 어플리케이션은 회원가입 및 로그인 기능이 있으며, 공지사항 게시판, 일반게시판, 사진게시판이 있다. 시작하기 전 세팅서버세팅, 이클립스 프로젝트 생성방법프로젝트 생성하기- New > Dynamic Web Project- 프로젝트명 webProject, context root명 web, 서버의 포트번호 8887(이전 프로젝트와 겹치지않게) >> url 기본 주소는 http://localhost:8887/web 가 된다. ** /web까지가 프로젝트 폴더의 webapp을 가리킨다. .. 2023. 1. 4.

[서블릿] 동적 웹 만들기 개념 / 주요 인터페이스 Servlet 톺아보기서블릿이란?클라이언트의 요청을 받고 응답을 생성하는 프로그램을 제작할 수 있도록 구성된 apiWAS 서버에서 돌아간다.Java EE 플랫폼의 일부단, Tomcat/Jetty와 같은 서블릿 컨테이너에 기본으로 포함되어있어 SE를 사용하더라도 별도로 설치할 필요는 없음JSP와 역할분배- 서블릿의 주요 기능중 하나는 정적 리소스인 html에 java의 기술을 합쳐서 동적인 웹을 생산할 수 있게한다 - 해당 역할은 더 간결한 JSP에게 분배되었다. 서블릿 컨테이너서블릿을 관리하고 실행하는 환경서블릿 엔진이라고도 불린다역할1. 서블릿 로딩 요청이 들어오면 해당 서블릿 클래스를 메모리에 로드2. 요청 처리 HTTP 요청을 서블릿에 전달하고, 서블릿이 생성한 응답을 클라이언트에게 반환3.. 2023. 1. 3.

[서버] 실습 : 아파치 톰캣 / 이클립스 세팅 서버세팅 실습 아파치 & 톰캣아파치(Apache)- 아파치 소프트웨어 재단에서 관리하는 HTTP 웹 서버- 다양한 추가기능이 있고 무료여서 작은 기업들에서 많이 쓰인다.- 80번 포트로 정적 데이터 처리 : 클라이언트 요청(POST,GET,DELETE)이 왔을때만 응답톰캣(Tomcat)- 아파치 소프트웨어 재단의 WAS서버- 자바 서블릿을 실행키고 JSP코드가 포함되어 있는 웹 페이지를 만들어준다. (WAS의 서블릿 컨테이너 역할)- 8080번 포트로 동적 데이터 처리 : DB연결,데이터 조작, 다른 응용프로그램과 상호 작용 등- 자세한 내용 : 61번 포스팅아파치 톰캣 (Apache Tomcat)- 톰캣만 사용하면 동적인 웹페이지 처리가 가능하지만 아파치에서 필요한 기능을 못가져옴. 또한 여러 사용.. 2022. 12. 29.

[서버] 이론 : 웹서버와 WAS Server 개요Server-Client 모델서버는 특정한 서비스를 제공하는 컴퓨터를, 클라이언트는 이러한 서비스를 이용하는 사용자를 말함.내가 만든 페이지를 다른 사용자도 볼 수 있게 하려면 서버를 구축해야한다.서버 내부에서도 여러 단계가 있음1. 웹서버 : 외부의 요청을 받아서 적절한 처리 후 응답을 돌려주는 교환통신원 역할 ex) 아파치2. 미들웨어 : 웹서버와 데이터베이스를 연결하면서 웹 어플리케이션이 동작하는 방법 등을 정의하는 곳 ex) PHP, JSP, 스프링, 장고 등3. 데이터베이스 : 가장 깊은 곳에서 정보를 저장하는 역할 ex) 오라클 서버는 크게 2종류AP서버(Application Server)- 애플리케이션 서비스를 동작시키는 서버 ex) 쇼핑몰에서 사용자가 제품.. 2022. 12. 29.

[메소드] 시각적인 효과 관련 Effect 메소드페이지 내에 애니메이션 효과를 주기위해 사용되는 메소드 집합 hide() / show() / toggle()객체 . hide ( ms단위 )- 크기가 작아지고 희미해지면서 사라진다.- f12 확인시 hight와 width가 점점 작아지더니 display=none 처리된다.- 매개변수로 사라지는데 소요되는 시간을 ms단위로 입력하며, 생략시 기본값은 0이다.객체 . show ( ms단위 )- 사라졌던 객체의 크기가 점점 커지고 선명해지면서 나타난다.객체 . toggle ( ms단위 )- hide상태이면 show로, show상태면 hide로 효과를 준다. fadeIn() / fadeOut() / fadeToggle()객체 . fadeOut ( ms단위 )- 요소가 점점 투명해지면서 사라.. 2022. 12. 29.

[메소드]이벤트 핸들러 / 이벤트 이벤트핸들러 연결이벤트 핸들러란? 이벤트 발생시 실행될 function을 말한다.연결방법1) 이벤트 메소드$( '선택자' ) . 이벤트 ( function(){ ... } )중복해서 작성했을 시 둘다 구현 됨(중복된 속성은 덮어쓰기가 됨) 연결방법2) on 메소드$( '선택자' ) . on ( "이벤트명", function(){ ... } )한 요소에 여러개의 이벤트를 걸고자 한다면,>> { 이벤트명: 익명함수, 이벤트명: 익명함수, ... } 의 객체를 만들어서 on의 매개변수로 넣는다. // 객체로 다수 전달하기, 이때는 이벤트명에 따옴표를 붙일 필요가 없다 $('#test').on({mouseenter:function(){}, mouseout:function(){}}); 연결방법3) on 메소드.. 2022. 12. 27.

[외부툴] 편리한 UI 제작 : 부트스트랩 부트스트랩Bootstrap, 무료 프론트앤드 프레임워크간단하게 스타일을 적용할 수 있다.부트스트랩탄생배경 : 트위터의 직원인 Mark Otto와 Jacob Thornton가 수많은 직원들의 프론트엔드 결과물을 병합할때 생기는 일관성 유지의 문제를 해결하고자 만들게 됨.글자, 인용문, 목록, 표, 입력폼, 버튼, 이미지, 아이콘, 드롭다운 메뉴, 버튼, 탭, 리스트, 메뉴바, 페이지 이동 바, 알림 메시지, 썸네일, 진행 바 등의 요소들을 내장하고 있다.반응형 웹 디자인을 지원한다. 준비하기W3Schools 들어가기 > Tutorials > Learn bootstrap 어느정도 안정성이 인증된 Bootstrap 4버전 클릭왼쪽 목록 중 BS4 Get Started > 스크롤 내려서 Bootst.. 2022. 12. 27.

[메소드] 반복할때는 each(), 일치여부는 is() each() 메소드jQuery식 반복문이다.jQuery용 반복용 메소드 : $ . each( 요소 , function(){ ... })배열의 모든 인덱스에 순차적으로 접근 혹은 객체가 가지고 있는 모든 속성에 순차적으로 접근하고자 할때 for in문과 유사하게 수행되는 메소드[표현법1] $.each(배열|객체, function([매개변수1, 매개변수2]){ ... }) [표현법2] $(배열).each(function([매개변수1, 매개변수2]){ ... }) >> 표현법2는 객체에서 정상작동 하지 않는다. *****삽입된 함수는 각 요소에 순차적으로 접근할때 마다 자동으로 실행이 된다.>> 이때 2개의 값을 전달받기 때문에 함수의 매개변수로 활용할 수 있다.매개변수 1 : - 배열을 제시.. 2022. 12. 27.

[메소드] 요소 생성 및 제거 요소 생성과 제거jQuery에서 활용하는 방법을 알아보자동적으로 요소 생성하기동적으로 요소를 생성한다는것은 , 처음에는 페이지에 없던 요소가 어떠한 이벤트로 인해 생성되는 것을 의미한다.방법1), 방법2) JavaScript 방식 사용하기- DOM 노드생성과 관련된 메소드 자세히 보러가기- 방법1) document.getElementById() 와 innerHTML 속성 활용- 방법2) document.createElement(), document.createTextNode(), appendChild() 사용방법3) jQuery 방식 사용하기- 3-1) $('') 으로 태그 요소 생성 후 .text() , .html() 메소드를 사용하여 텍스트 노드 추가하기- 3-2) $('원하는 텍.. 2022. 12. 27.

[문법] 콜백 함수 활용하기 (JavaScript 개념) 콜백함수 Callback Function콜백함수는 JavaScript에서 함수를 활용하는 방법 중 하나로jQuery에서도 그 개념을 활용할 수 있다.콜백함수란?자바스크립트에서 함수는 객체이다. >> 함수의 파라미터로 함수를 전달할 수 있다.>> 함수 안에서 전달받은 또다른 함수를 실행한다 == 콜백함수비동기를 동기로 처리할 때 활용- 콜백은 테스크가 끝나기 전에 함수가 실행되지 않는 것을 보장하기 때문function print(callback) { //callback 함수를 파라미터로 받고있다. callback(); //해당 함수를 호출하고 있다}//콜백함수 예시1const message = function() { console.log("This message is shown after 3 s.. 2022. 12. 27.

[메소드] 속성에 접근하기 / JavaScript와 비교 메소드jQuery에서 활용되는 메소드들에 대해 알아보자 속성에 접근하는 메소드jQuery는 속성명으로 직접접근이 불가능하여 메소드를 활용해야 한다.일부 메소드들은 전달값을 없앨경우 요소의 속성값을 리턴한다.일부 메소드들은 값을 변경 후 요소를 다시 반환하기 때문에 메소드 체이닝이 가능하다 jQuery방식JavaScript방식■ 스타일 객체.css('스타일속성', '속성값') 객체.style.스타일속성 = '속성값'- 스타일속성만 입력하면 해당 값을 반환한다.- 메소드 체이닝 가능 (자기자신 리턴)- 매개변수로 속성이 담긴 객체 { } 를 넘김으로써 여러가지 속성을 지정할 수 있다. - 스타일속성명은 JavaScript방식과 동일하다.- 속성값으로 빈 문자열 "" 를 입력하면 원래의 값으로 돌아간다.■ 내.. 2022. 12. 27.

[메소드] 필터링으로 재선택 / 탐색해서 재선택 필터링 메소드선택된 요소들 중에서 다시 일부를 선택한다.필터링 관련 메소드$(A) . first() :- 선택된 요소들 중에 첫번째 객체 반환$(A) . last() :- 선택된 요소들 중에 마지막 객체 반환$(A) . eq(n) :- 순번의 인덱스가 n번째인 객체 반환- 배열에서도 쓸 수 있다.$(A) . filter('선택자') :- 선택된 요소들 중에 선택자에 만족하는 객체들 반환$(A) . not('선택자') :- 선택된 요소들 중에서 선택자를 만족하지 않는 객체들 반환 순회 메소드탐색(순회) 메소드. Traversing선택된 요소들의 주변을 탐색해서 선택한다.Anscestors 메소드기준이 되는 요소의 상위요소들(조상)을 선택할 수 있는 메소드$(A) . parent(.. 2022. 12. 27.

[TIPS] 잡다한 팁 모음(VSCode, Tistory) 잡다한 팁 모음소속될만한 포스팅은 없지만그렇다고 기록을 포기하기엔 아까운 유용한 팁들 모음터미널에서 복붙하기*터미널에서 복붙하려고 Ctrl + C 하면 명령중지가 됨>> Ctrl + Ins 로 붙여넣는다 브라우저 모바일 화면 보기: F12 개발자도구 - 왼쪽상단 [기기 툴바 전환] 아이콘 클릭- 기종별로 나타나는 화면을 볼 수 있다. 비밀번호 저장여부 묻는창 닫기: 크롬-[설정]-'비밀번호' 검색-[비밀번호관리자]-[비밀번호 저장여부 확인] 기능 끄기- 로그인테스트를 할때 뜨는 팝업을 없애준다. 마우스 오른클릭 해제 (크롬)F12 로 개발자툴 도구 진입우상단 톱니바퀴 아이콘 클릭해서 환경설정(Preferences) 진입(제일 상단에 있는것으로 클릭)우측 하단 디버거(Debugger) 아래에 있는 자.. 2022. 12. 26.

이전 1 ··· 3 4 5 6 7 8 다음

티스토리툴바