My Tech Blog (코드)

✨사진에 다양한 필터 적용하기✨ 안녕하세요. 오늘은 vscode로 html/css 만을 이용해서 사진에 필터를 적용하는 법을 배워봐요. 대각선, 흐림, 회색조, 세피아 네 가지로 연출해보는 다양한 사진 꾸미기!! 지금부터 시작해 볼까요 📌 1. 대각선을 활용한 빗금무늬 필터 사진에 대각선 필터를 적용해주면, 아날로그 느낌을 연출 할 수 있습니다. 또 카피라이팅 할 때 문구를 배치하기 위한 배경으로 사용하기도 좋아요. 가상요소인 ::before로 대각선을 만들고, 사진 위에 포갠 디자인입니다. ☑️ HTML 코드 ☑️ CSS 코드 📌 2. 도트 필터 점 무늬 필터로 화질이 낮은 사진에도 재미있는 효과를 줄 수 있어요. ☑️ HTML 코드 ☑️ CSS 코드 📌 3. 흑백사진 만들기(grayscale) gra..

✨사진에 프레임 추가하기 & 액자 만들기✨ 안녕하세요. 오늘은 가상요소로 사진에 대각선 프레임 추가하는 법, 모서리를 액자처럼 꾸미기(+ 응용 : 모서리를 테이프로 붙인 것처럼 꾸미기) 배워봐요.   📌 1. 대각선 프레임 만들기 사진에 입체감을 줄 수 있는 대각선 프레임 디자인이예요. 의사요소 또는 가상요소라고도 부르는 ::after이용해서 만들어볼게요. 준비 되셨나요?   ☑️  요소를 둘러싼 테두리에 이미지를 지정하는 border-imageborder-image-source: repeating-linear-gradient( 45deg, /* 45도 회전, 대각선의 기울어진 각도 */ #ea987e 0px, #ea987a 2px, /* 선 굵기와 색깔 지정 */..

✅ 문제훈제오리구이를 시작하는 시각과 오븐구이를 하는 데 필요한 시간이 분단위로 주어졌을 때, 오븐구이가 끝나는 시각을 계산하는 프로그램 만들기 ​📥 입력 첫째 줄에는 현재 시각이 나온다. 현재 시각은 시 A (0 ≤ A ≤ 23) 와 분 B (0 ≤ B ≤ 59)가 정수로 빈칸을 사이에 두고 순서대로 주어진다. 두 번째 줄에는 요리하는 데 필요한 시간 C (0 ≤ C ≤ 1,000)가 분 단위로 주어진다. ​📥 출력 첫째 줄에 종료되는 시각의 시와 분을 공백을 사이에 두고 출력한다. (단, 시는 0부터 23까지의 정수, 분은 0부터 59까지의 정수이다. 디지털 시계는 23시 59분에서 1분이 지나면 0시 0분이 된다.) ​ 💡 풀이 시계 돌리기 문제. 현재 시간에 오븐구이 만드는데 필요한 시간을 더해서..

✅ 문제 입력한 시간 기준으로 45분 전은 몇시 몇 분인지 출력하는 프로그램 짜기 ​📥 입력 첫째 줄에 두 정수 H와 M이 주어진다. (0 ≤ H ≤ 23, 0 ≤ M ≤ 59) 그리고 이것은 현재 상근이가 설정한 알람 시간 H시 M분을 의미한다. ​ 입력 시간은 24시간 표현을 사용한다. 24시간 표현에서 ​하루의 시작은 0:0(자정)이고, 끝은 23:59(다음날 자정 1분 전)이다. 시간을 나타낼 때, 불필요한 0은 사용하지 않는다. ​📥 출력 첫째 줄에 상근이가 창영이의 방법을 사용할 때, 설정해야 하는 알람 시간을 출력한다. ​ 💡 풀이 ​Scanner 로 입력받아서 연산하는 법과 BufferedReader 로 입력받아서 연산하는 방법 두 가지로 문제를 해결하였다. 알고리즘 접근법 ​ 1. 입력받..

✅ 문제 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. 두 정수를 비교하여 >, B , A B) { System.out.print(">"); } else if (A < B) { System.out.print("

✅ 문제 개 출력하기​ 이스케이프 코드(Escape Sequance)를 이해하기 위한 문제 ​📥 입력 없음 ​📥 출력 개를 출력한다 ​ 💡 풀이 이 문제는 고양이 문제랑 매우 유사하다. 이스케이프 코드 정리 ▼

✅ 문제 고양이 출력하기​ 이스케이프 코드(Escape Sequance)를 이해하기 위한 문제 ​📥 입력 없음. ​📥 출력 고양이를 출력한다. ​ 💡 풀이 자바에서는 \ 백슬래시나 " 큰따옴표, ' 작은따옴표는 단독으로 써서 출력할 수 없다. 이들을 출력하기 위해서는 이들 앞에 \ 백슬래시​를 하나 더 사용해야 한다. 이렇게 앞에 붙여주는 백슬래시를 Escape Sequance 라고 한다. 이스케이프 시퀀스는 백슬래시(\) + 문자의 조합으로 쓰인다. ​ 이스케이프 문자 의미 ＼ ＼ ＼ 출력(back slash) 폴더 경로 구분시 잘 사용됨 ＼n 개행(new Line) 다음 줄로 이동됨. ＼r 캐리지 리턴(carriage return) 해당 줄의 처음(맨 앞)으로 이동됨. ＼t 수평 탭(tab) 탭 키 ..

오늘은 자바의 확장열(Escape sequence - 이스케이프 시퀀스)와 문자열과 관련해서 헷갈리는 부분을 정리해본다. 문자열(String)을 콘솔에 출력하려고 하면 줄바꿈(개행), 띄어쓰기, 문장부호 사용이 마음대로 되지 않을 때가 있다. 이럴 때 발생하는 오류와 해결법, 문자열을 변수에 담아 사용 할 때 알아두어야 할 팁들을 정리 해 보았다. ✅ 자주 쓰이는 이스케이프 시퀀스 한눈에 보기 이스케이프 시퀀스 설명 \n 줄의 맨 끝에서 사용. 줄바꿈(개행) 기능 \t 스페이스바 4칸 만큼 띄어쓰기 \" 이미 쌍따옴표로 감싸진 문자열 안에서 "를 문자 그대로 출력 \' '를 문자 그대로 출력 \\ 역슬래시(\)를 문자 그대로 출력 \ 줄 합쳐서 한 줄로 출력 \s 한 줄 글자 뒤쪽 공백을 그대로 남겨 놓..