최씨네 :: 개발공장

active, hover, press 차이 CSS에서 :active, :hover, 그리고 :focus는 요소에 사용자 상호작용에 따라 다르게 스타일을 적용하는 데 사용되는 가상 클래스(가상 선택자)입니다. 이들 각각의 동작과 차이점은 다음과 같습니다: hover : 마우스를 올리고 있는 동안 active : 마우스를 클릭하고 있는 동안 visited : 마우스를 한번 클릭 한 이후 :active: - :active 가상 클래스는 요소가 활성화되었을 때 적용됩니다. ⓐ 이는 주로 클릭한 순간에 발생합니다. ⓑ 예를 들어, 버튼을 클릭하면 버튼이 활성화되어 눌린 상태를 나타내기 위해 :active 스타일을 적용할 수 있습니다. ```javascript button:active { background-col..

다중연산자는 모두가 알고 있다. 그럼 3개 이상은 어떻게 구현해야 할까,,? - 구문 condition ? exprIfTrue : exprIfFalse 조건 연산자는 아래와 같이 연결해 사용할 수 있다. 이는 연결된 if … else if … else if … else와 유사합니다. function example(…) { return condition1 ? value1 : condition2 ? value2 : condition3 ? value3 : value4; } 위 코드는 아래의 연결된 if ...else 문과 동일하다고 볼 수 있다. function example(…) { if (condition1) { return value1; } else if (cond..

4장 변수 4.1 변수란 무엇인가? ⊙ 변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. ⊙ 컴퓨터는 메모리를 사용하여 데이터를 기억합니다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다. ⊙ 메모리 셀 하나의 크기는 1byte = 8bit 이다. ⊙ 각 셀은 고유의 메모리 주소를 가지고 있다. ⊙ 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 도는 그 메모리 공간을 식별하기 위해 붙인 이름을 뜻한다. ⊙ 데이터 값의 위치를 가리키는 상징적인 이름이다. ⊙ 변수에 값을 저장하는 것을 할당이라 하고, 변수에 저장된 값을 이용하거나 읽는 것을 '참조'라 한다. 4.2 식별자 ⊙ 변수의 이름은 식별자라고 한다. ⊙ 즉, 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 ..

이번 포스팅은 리눅스에서 접속정보, 접속 실패의 정보에 대해서 알아보자. >>>접속정보 기록 확인 ssh 접속 시도 실패 로그는 “/var/log/btmp” 파일에 특수하게 저장된다. 이 파일을 보기 위해서는 “last -f” 명령을 이용하여 확인할 수 있다. last -f /var/log/wtmp >>>접속실패 로그 확인 접속정보 기록은 로그인 했던 정보를 파일로 저장하며 “/var/log/wtmp” 파일에 저장된다. last -f /var/log/btmp >>>last 명령어 서버용으로 사용되는 시스템의 관리자는 어떤 사용자가 언제 로그인했는지 확인할 필요가 있다. last, lastlog 라는 명령어로 확인할 수 있다. 먼저 last 명령어에 대해 알아보자. 접속계정명 접속장치명 접속한 IP주소 접..

이번 포스팅은 Windows IP를 변경하는 방법에 대해서 알아보자. 1.PC 화면 우측 하단의 시계 오른쪽에 모니터 모양의 버튼을 우클릭 합니다. 2.“네트워크 및 인터넷 설정 열기”를 클릭 합니다. 3.“어댑터 옵션 변경”을 클릭 합니다. 4.“이더넷”으로 되어 있는 아이콘을 더블클릭 하여 설정을 오픈 합니다. 1.“속성” 버튼을 클릭합니다. 2.“인터넷 프로토콜 버전 4(TCP/IPv4)”를 더블클릭 합니다. 3.“자동으로 IP 주소 받기” → “다음 IP 주소 사용” 및 “다음 DNS 서버 주소 사용”으로 라디오버튼을 선택하고, IP주소와 서브넷 마스크, 기본 게이트웨이, DNS 서버를 입력하고 확인

이번 포스팅에서는 스프링의 백엔드 API 구조에 대하여 알아보겠다. 먼저 객체 정보를 알아보겠습니다. 각각은 모두 클래스 들이며 아래와 같이 사용할 예정입니다. 1 Json 프론트와 백엔드 api는 JSON 형식으로 통신한다. 2 Spring Security JWT 인증을 적용하여 인증 & 권한을 확인한다. 3 DTO(Data Transfer Object) JSON으로 입력된 데이터를 JAVA 객체로 변경하고 유효성 체크를 한다. 4 Controller 요청이 들어온 API 에서 어떤 동작을 할지 결정하고 리턴한다. 5 Service 컨트롤러에서 받은 요청을 처리한다. (비지니스 로직) 6 Domain JPA의 Entity입니다. DB의 컬럼과 일치한다. 7 Repository Spring data jp..

이번 포스팅은 MariaDB를 백업 및 복원하는 방법에 대해서 가이드 하고자 한다. 백업(Back-up) 백업에 활용한 방식은 mysqldump 방식이다. 1. 전체 데이터베이스 백업 첫번째: mysqldump -u [아이디] -p [패스워드] -all-databases > [백업할 파일 명].sql => mysqldump -uroot -p!Q2w3e4r5t -all-databases > backup_databases.sql 두번째: mysqldump -u [아이디] -p -all-databases > [백업할 파일 명].sql => mysqldump -uroot -p -all-databases > backup_databases.sql 2. 데이터베이스 하나 백업 ※패스워드 선입력 첫번째: mysqldu..

이번 포스팅은 자바스크립트에서 지역변수와 전역변수의 차이에 대해서 포스팅할 것이다. >>> 변수의 유효 범위(variable scope) 자바스크립트에서 객체나 함수는 모든 변수(variable)이다. 변수의 유효 범위 (scope) 란 해당 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미한다. 자바스크립트에서 변수는 유효 범위에 따라 다음과 같이 구분된다. 1. 지역 변수(local variable) 2. 전역 변수(global variable) A. 지역 변수(local variable) 먼저, 지역 변수(local variable)란 함수 내에서 선언된 변수를 가리킨다. 이러한 지역 변수는 변수가 선언된 함수 내에서만 유효하며, 함수가 종료되면 메모리에서 사라진다. 함수의 매개변수 또..

이번 주제는 웹 스토리지(localStorage, sessionStorage) 사용 방법에 관하여 포스팅 한다. 자바스크립트로 웹개발을 하다보면 데이터를 어딘가에 저장해야 할 일이 생긴다. 그럴때는 대부분 데이터베이스의 서버나, 클라우드에 데이터를 저장하게 되는데, 하지만 저장해야할 데이터가 별로 중요하지 않거나, 유실되도 무방한 데이터 혹은 토큰과 같이 일회성 데이터일 경우 브라우저 내에서 데이터를 저장하도록 한다. 이번 포스팅에서는 브라우저 내에 데이터를 저장하도록 하는 웹 스토리지 기술인 로컬 스토리지, 세션스토리지에 대해서 알아보도록 하자. - 로컬 스토리지(localStorage) - 세션 스토리지(sessionStorage) >>> 로컬 스토리지(localStorage) 와 세션 스토리지(se..

MariaDB 접속 MairaDB설치 경로/mysql -u root -p Enter password: 비밀번호 입력 MariaDB 이용하는 포트 확인 명령어 SHOW GLOBAL VARIABLES LIKE 'PORT';