My Tech Blog (전체 글)

✅ 문제 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램 작성하기 ​📥 입력 첫째 줄에 N이 주어진다. N은 1보다 크거나 같고, 9보다 작거나 같다. ​📥 출력 출력 형식과 같게 N*1부터 N*9까지 출력한다. ​ 💡 풀이 BufferedReader는 내부적으로 버퍼를 사용하여 여러 바이트를 한번에 읽어오기 때문에 입출력 성능이 Scanner에 비해 입출력 성능이 좋습니다. 작은 입력의 경우에는 체감이 안되지만 대량의 데이터를 처리하는 상황이나 반복문으로 여러 줄을 입력 받는 경우 등은 BufferedReader 의 성능이 월등히 좋습니다. 따라서 적은 입력은 Scanner 를 대량의 데이터입력 또는 파일을 읽어올때는 BufferedReader를 사용하는 것이 효과적입니다. ▼ [자바] Buffer..

안녕하세요? 오늘은 VScode에서 효과적으로 코드를 작성할 수 있게 도와주는 유용한 기능 여섯가지를 소개해 드릴게요.  VSCode를 편리하게 사용하려면 Extension(익스텐션)을 다운받아주셔야 해요. 익스텐션은 VSCode에서 제공하는 확장프로그램으로 개발 편의를 위해 기능을 확장해 새로운 기능을 추가하는 역할을 해줘요. Visual Studio Code(VSCode) 익스텐션은 VSCode 편집기를 더욱 강력하게 확장하는 소프트웨어 모듈입니다. 여기에는 편집기의 핵심 기능을 확장하거나 사용자 인터페이스를 향상시키는 것과 같은 다양한 작업을 수행하는 익스텐션이 포함되어있습니다.이러한 익스텐션들은 사용자들이 개발 환경을 더욱 효과적으로 사용할 수 있도록 도와주며, 다양한 개발자들의 요구에 맞춰져 있..

✅ 문제 3개 주사위의 나온 눈이 주어질 때, 상금을 계산하는 프로그램 작성하기. ​📥 입력 첫째 줄에 3개의 눈이 빈칸을 사이에 두고 각각 주어진다. ​📥 출력 첫째 줄에 게임의 상금을 출력 한다. ​ 💡 풀이 간단한 문제로, 문제에 주어진 3가지 조건을 그대로 수식으로 옮겨 쓰면 된다. 1. 입력값 세개가 같으면 10000 + 같은 값 * 1000 2. 두 개가 같으면 1000 + 같은 값 * 100 3. 다 다르면 가장 큰 값 * 100 ✅ 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int a, b, c; a = sc..

요즘은 인생 어떻게 보낼지, 어떤 사람으로 살 것인지 고민이 많이 된다. 그래서 멋지게 나이 들고 싶다는 생각을 부쩍 많이 해. 그리구 나이를 먹으니까 나는 어떤 사람들과 어울리고 싶은지, 어떤 사람이 되고 싶은지에 대한 기준을 갖게 됐다. 어렸을 때는 재밌고, 잘 노는 친구들이 좋았다. 하지만, 지금은 무엇이든지 계속 시도해보고 앞으로 나아가려는 사람이 좋다. 일이든, 취미든, 운동이든, 자기 계발이든지 뭔가를 열정적으로 해 나가는 사람을 보면 나는 '나도 저 사람처럼 열심히 해야지, 멋지게 살고 싶다' 그런 생각을 한다. 현실에 안주하는 사람보다 나를 끌어 줄 수 있는 사람, 서로 힘이 되고 함께 성장하고 발전할 수 있는 긍정적인 사람들과 함께 하고 싶다. '저 사람은 얼굴도 분위기도 애티튜드도 멋있..

"우리가 나아지면 나아질수록, 우리가 나아질 수 있는 능력 또한 더 커진다." - 더글라스 엥겔바트(Douglas Engelbart)     There is only one thing that makes a dream impossible to achieve: the fear of failure.꿈을 이룰 수 없게 만드는 유일한 한 가지는 실패에 대한 두려움이다. - Paulo Coelho -   Because some people see a wall, and assume that's the end of their journey. Others see it, and decide it's just the beginning.어떤 사람들은 자신들의 앞에 있는 벽을 보고 그것으로 여정이 끝났다고 생각하지만, 다른 ..

✨사진의 형태를 다양한 모양으로 바꾸기 ✨  안녕하세요. 사진 형태를 재미있는 모양으로 수정해주는 기발한 사이트 하나 소개해 드릴게요.  Fancy Border Radius GeneratorGenerator to build organic shapes with CSS3 border-radius9elements.github.io 이 사이트에서 마우스로 이미지를 원하는 모양으로 드래그 해주면 border-radius 프로퍼티 값을 자동으로 계산해서 알려준답니다. 값을 복사해서 vscode로 가져오면 직접 프레임을 만들지 않아도 쉽게 사진 테두리를 원하는 모양으로 자를 수 있어요. 사진이 정사각형에 가까울수록 내가 설정해 준 모양으로 만들기가 쉬워요. ☑️ HTML 코드☑️ CSS 코드  border-radiu..

✨사진&로고 디자인✨ 안녕하세요. 오늘은 vscode로 html/css로 로고를 디자인할 때 활용할 수 있는 디자인을 배워봐요. 사진에 로고 삽입하는 법, 그리고 글씨를 사진으로 채우는 법을 알아봅시다.📌 1. 흰 배경의 로고를 사진에 올리기 배경으로 사용할 사진 한 장과 흰 배경에 검은색 글씨가 있는 로고 이미지를 준비해 주세요. 저는 디즈니를 좋아해서 디즈니 사진과 로고를 준비했어요. 원칙적으로 이미지 위에 삽입하려는 로고의 배경이 투명하지 않으면 포토샵을 사용해서 배경을 제거하고 PNG파일로 만들어주어야 하지만 아래 CSS 코드를 사용하면 그런 작업 없이도 간단하게 흰 배경은 투과되도록 합성할 수 있습니다. 이것을 가능하게 해 주는 것이 mix-blend-mode 프로퍼티입니다. 포토샵의 혼합모드랑..

✨사진에 다양한 필터 적용하기✨ 안녕하세요. 오늘은 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, /* 선 굵기와 색깔 지정 */..