분류 전체보기 85

[CSS | BootStrap] BootStrap Button box-shadow / 부트스트랩 반짝이는 버튼 만들기

Bootstrap 저장버튼에 반짝이는 효과를 넣고싶었다. 대부분의 search 결과들은 마우스를 올렸을때(hover)시, 빛나게 하는 효과들이 많은데, 백엔드를 주로 다루는 나로써는 해결하기가 어려웠다. 쉬운듯 어려운 fornt의 세계... 결과 및 코드 See the Pen Glowing Button by Ella (@Ella_develop_floor) on CodePen. 저장 이전 목록 해당 스타일을 적용 시키고 싶은 버튼의 class 속성 안에 glow-button 과 같은 class를 주어서 해당 클래스에만 css를 적용시켜주면 된다. 별도의 source나 다운로드 패키지는 설치하지 않고도 적용이 가능하다. .glow-button { animation: glowing 1500ms infinite..

HTML|CSS 2023.03.08

[에러 해결 / Linux]Error is not recoverable: exiting now 해결

상황 termius를 통해 서버에 java를 배포후 압축을 풀어서 설치하려고 함. 입력한 명령어 tar -zxvf openjdk-20_windows-x64_bin.zip 에러 gzip: stdin has more than one entry--rest ignored tar: Child returned status 2 tar: Error is not recoverable: exiting now 오류의 이유 Linux에서 압축을 풀 수 없는 형태의 파일에 압축해제 명령어를 사용해서이다. Open JDK 다운로드 받을때 습관처럼 Window용 zip파일을 다운로드함. 해결 Linux용으로 다운로드 해서 다시 압축해제! 게시글이 도움이 되었다면 [로그인]이 필요 없는 ❤ 눌러주세요:)

ERROR 해결 2023.02.24

[합격후기/문제복원파일공유] 2023 1차 정보처리기사 필기 합격 후기 | 정보처리기사 비전공자 필기 합격 | 2023 정보처리기사 필기

정보처리기사 필기 합격 후기엘라입니다. 저는 오늘 (2023년 2월 14일 화요일) 정보처리기사 필기를 응시 하였고 합격했습니다.간단한 후기를 남겨 시험을 준비중이신분들에게 많은 도움이 되셨으면 합니다 :) 저는 우선, 컴퓨터공학을 전공하지 않은 비전공자입니다. 그러나 어쩌다가 개발자로 일을 하기 시작해서 현재 소프트웨어 개발업에 종사한지 만1년이 지난 현업에 있는 사람입니다. Java위주의 코딩을 통해서 소프트웨어 개발을 하고 있습니다.정보처리기사올 해 1회차부터는 전 회차 시험이 CBT(운전면허 시험과 같이 컴퓨터로 응시)로 바뀌었습니다. 그렇기 때문에 시험 일정도 하루에 모든 사람들이 동시에 응시하는것이 아니라 응시기간이 넓게 분포되어있습니다. 올 해의 1차 시험 응시 일정 : 2023.02.13...

자격증 2023.02.14

[JQuery] Checkbox에서 체크된 값 가져오기 | checkbox value 구하는법

게시글이 도움이 되었다면 [로그인]이 필요 없는 ❤ 클릭과 게시글의 광고를 클릭 해 주세요:) input checkbox 에서 체크된 값 console창에 띄우는 법 $('input:checkbox[name={설정한 체크박스의 name}]').each(function () { if($(this).is(":checked")==true){ console.log($(this).val()); } }) } 활용 예시 Table checkbox에서 선택한 값들 가지고오기 [HTML코드] 선택 이름 가격 사과 3,000 바나나 2,000 오렌지 1,500 제출 [JQuery 코드] function alert(){ $('input:checkbox[name=checkedFruit]').each(function () { ..

JavaScript | JQuery 2023.02.08

[HTML] rowspan 테이블 가로로 나누기 / 테이블 셀 나누기 / 테이블 칸 나누기 예제

게시글이 도움이 되었다면 [로그인]이 필요 없는 ❤ 클릭과 게시글의 광고를 클릭 해 주세요:) 테이블 초간단 예제 보통의 테이블은 아래와 같이 만드는게 일반적입니다. See the Pen tableExample by Ella (@Ella_develop_floor) on CodePen. 하지만 제가 구현하고자 하는 테이블은 아래 그림과 같습니다. 이럴 때 코드 See the Pen table by Ella (@Ella_develop_floor) on CodePen. 이렇게 하면 원하는대로 구현 할 수 있다. rowspan = "2" 를 이용하여 나머지 칸들을 합치는것이다. html을 가지고 한 칸을 절반으로 나누는 코드는 구현이 불가능하므로 역으로 이를 이용해, 2개의 칸을 합쳐 1개의 칸으로 만들면 되는..

HTML|CSS 2023.02.06

[MyBatis/SQL]MyBatis 동적쿼리 if문 | MyBatis 동적쿼리 이용하기 | MyBatis SQL

게시글이 도움이 되었다면 [로그인]이 필요 없는 ❤ 클릭과 게시글의 광고를 클릭 해 주세요:) MyBatis 동적쿼리 SQL문이란? MyBatis에서 상황에 따라서 분기처리를 하는 유동적으로 동작하는 SQL 쿼리문을 뜻한다. MyBatis 동적쿼리 SQL문 기능 등장 배경 아래의 세가지 쿼리문을 보면, 조건이 하나씩 추가 됨에 따라 각각 따로의 쿼리문을 작성하였다. 세개의 쿼리문 모두 SELECT * FROM member이라는 구절이 같으므로 이런 겹치는 코드를 계속 반복되고 있다. 이런 상황을 피하고, 좀 더 유용하게 쿼리문을 이용하기 위해 등장한 것이 동적쿼리 이다. 즉, 아래의 세 쿼리문을 한 덩어리로 표현가능하게 하는것이다. SELECT * FROM member; SELECT * FROM memb..

SQL 2023.01.26

[개발지식] HTTP API, CSR, SSR의 정의 및 특징

HTTP API란? HTTP를 사용해서 서로 정해둔 스펙으로 데이터를 주고 받으며 통신하는 것 HTTP 프로토콜이 데이터를 내려주는것 HTTP API의 특징 다양한 시스템에서 호출 데이터만 주고 받음, UI화면이 필요하면 클라이언트가 별도 처리 앱, 웹 클라이언트, 서버 to 서버 주로 JSON형식으로 데이터를 통신한다. 예시 웹 클라이언트 to 서버 => 뷰템플릿과 서버 사이에 정보를 주고받아 동적 페이지를 구현하는것 서버 to 서버 => 주문에서 결제로 넘어가는 기능도중 주문서버와 결제서버가 통신 or 기업간 데이터 통신 SSR 이란? SSR - "서버 사이드 렌더링"으로 서버에서 최종 HTML을 생서해서 클라이언트에 전달한다. 예를 들어, 사용자가 주문내역을 요청을 보냈다고 하자. 이 때, 사용자가..

JAVA 2023.01.20

[Java | 알고리즘] 09. 숫자만 추출 / 정답 및 해설

설명 문자와 숫자가 섞여있는 문자열이 주어지면 그 중 숫자만 추출하여 그 순서대로 자연수를 만듭니다. 만약 “tge0a1h205er”에서 숫자만 추출하면 0, 1, 2, 0, 5이고 이것을 자연수를 만들면 1205이 됩니다. 추출하여 만들어지는 자연수는 100,000,000을 넘지 않습니다. 입력 첫 줄에 숫자가 섞인 문자열이 주어집니다. 문자열의 길이는 100을 넘지 않습니다. 출력 첫 줄에 자연수를 출력합니다. 예시 입력 1 g0en2T0s8eSoft 예시 출력 1 208 정답 및 해설 import java.util.Scanner; public class Main { public static void main(String[] args) { //입력값을 받기 위한 스캐너 Scanner sc = new ..

Java 알고리즘 2023.01.19

[Java | 알고리즘] 08. 유효한 팰린드롬 / 정답 및 해설 / replaceAll() , toUpperCase() 사용

설명 앞에서 읽을 때나 뒤에서 읽을 때나 같은 문자열을 팰린드롬이라고 합니다. 문자열이 입력되면 해당 문자열이 팰린드롬이면 "YES", 아니면 “NO"를 출력하는 프로그램을 작성하세요. 단 회문을 검사할 때 알파벳만 가지고 회문을 검사하며, 대소문자를 구분하지 않습니다. 알파벳 이외의 문자들의 무시합니다. 입력 첫 줄에 길이 100을 넘지 않는 공백이 없는 문자열이 주어집니다. 출력 첫 번째 줄에 팰린드롬인지의 결과를 YES 또는 NO로 출력합니다. 예시 입력 1 found7, time: study; Yduts; emit, 7Dnuof 예시 출력 1 YES 정답 및 해설 import java.util.Scanner; public class Main { public static void main(Strin..

Java 알고리즘 2023.01.18

[Java] enum이란? enum 활용하기

enum의 개념 enum은 열거형(enumerated type)이라고 부른다. 열거형은 서로 연관된 상수들의 집합이다. (상수값은 변수와 다르지 않게 변하지 않는값을 갖는것이다.) enum을 사용하는 이유 - 코드의 단순화 - 인스턴스 생성과 상속을 방지 - 키워드 enum을 사용하기 때문에 구현 의도가 열거임을 분명하게 나타낼 수 있다. - 기존 코드보다 짧으면서 더 많은 기능을 구현할 수있다.(필드, 메소드 생성) - class로 선언을 하면, 각각의 멤버들을 배열처럼 하나씩 꺼내서 사용 할 수 없다. enum에서는 이런 단점을 보완 할 수있다. enum활용 예시 * eunm을 활용해야하는 이유 아래 예시는 색깔들의 집합과 크기들의 집합을 상수로 선언한 코드의 예시이다. 색에서 RED, GREEN, ..

JAVA 2023.01.17