Banner

My Tech Blog (๊ฒŒ์ž„)

7๊ฐœ์›”๋งŒ์— ์žฌ์ ‘์†์‹œ๊ฐ„์ด ์—†์–ด์„œ ๋ชปํ•˜๋‹ค๊ฐ€ ๋ˆˆ์‚ฌ๋žŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๋Š” ์†Œ์‹์„ ๋“ฃ๊ณ  ๋ฐ”๋กœ ๋‹ฌ๋ ค์™”์˜คใ…‹ใ…‹ ์˜ค๋žœ๋งŒ์— ์ผœ๋‹ˆ๊นŒ ๋ฐ”ํ€ด๋ฒŒ๋ ˆ ๊ณ„์† ๋‚˜์˜จ๋‹คํ•œ 10๋งˆ๋ฆฌ๋Š” ์žก์€ ๊ฑฐ ๊ฐ™์•„์„ฌ์ด ์žก์ดˆ๋กœ ๋’ค๋ฎํ˜€์„œ ์žก์ดˆ 30๋ถ„ ๋™์•ˆ ๋ฝ‘์•˜๋‹ค๋‚š์‹œํ•˜๋Ÿฌ ๊ฐ€๋Š”์ค‘  ๋ฐ•๋ฌผ๊ด€ ์ปฌ๋ ‰์…˜๊ณค์ถฉ/๋ฌผ๊ณ ๊ธฐ๋Š” ๊ฑฐ์˜๋‹ค ๋ชจ์•˜๋‹ค (๋ฟŒ๋“ฏ) ๐Ÿ˜Š๋ฐ˜๋ฉด ๋ฏธ์ˆ ํ’ˆ ์žˆ์–ด์•ผ ํ•  ์ž๋ฆฌ๋Š” ํ…… ๋น„์—ˆ์˜คใ…œใ…œ๋ฏธ์ˆ ํ’ˆ์€ ์—ฌ์šฐ๊ฐ€ ๊ฐ€ํ’ˆ์œผ๋กœ ์‚ฌ๊ธฐ์น˜๋Š”๋ฐ ๋งจ๋‚  ๋‹นํ•จ ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹์กฑ๋ณด ๋ณด๋ฉด์„œ ๋ชจ์•„์•ผ๋˜๋Š”๋ฐ ๊ท€์ฐฎ์•„์„œ ๊ตฌ๋ƒฅ ํ•˜๋‹ค ๋ณด๋‹ˆ๊นŒ๊ทธ๋™์•ˆ ๋‹ค ๊ฐ€์งœ๋งŒ ๋ชจ์ด๊ณ  ์ง„ํ’ˆ์€ 3๊ฐœ ๋ชจ์˜€์˜ค๋“œ๋””์–ด ๋ˆˆ์‚ฌ๋žŒ ๋งŒ๋“ค๊ธฐ๋‘๊ทผ๋‘๊ทผ....๐Ÿ˜๋ˆˆ์‚ฌ๋žŒ ๋งŒ๋“ค๋ ค๋ฉด ์„ฌ ํฌ๋ฆฌ์—์ดํ„ฐ๋กœ ํ† ๋ชฉ๊ณต์‚ฌํ•ด์„œ ํ•˜์ฒœ์ด๋ž‘ ๋‚˜๋ฌด ์—†์• ์•ผ ๋˜๊ณ  ๋ฐ”์œ„๋‚˜ ์žก์ดˆ ๋“ฑ ์žฅ์• ๋ฌผ๋„ ๋‹ค ์—†์• ์•ผ๋œ๋ฐ๐Ÿคฉ๋ˆˆ๋ฉ์ด๊ฐ€ ์žฅ์• ๋ฌผ์— ๋ถ€๋”ชํžˆ๋ฉด ๋ถ€์„œ์ง€๊ฑฐ๋‚˜ ๋…น์•„ ์—†์–ด์ง„๋‹ค๊ณ  ํ•œ๋‹ค๊ทธ๋ž˜์„œ ํ•˜์ฒœ์„ ๋ฎ์–ด์„œ ํ‰์ง€๋กœ ๋งŒ๋“œ๋Š”์ค‘์—ด์‹ฌํžˆ..
CSS Diner๋Š” CSS ์„ ํƒ์ž๋ฅผ ํ•™์Šตํ•˜๊ณ  ์—ฐ์Šตํ•  ์ˆ˜ ์žˆ๋Š” ์žฌ๋ฏธ์žˆ๋Š” ์›น ๊ธฐ๋ฐ˜ ๊ฒŒ์ž„์ด๋‹ค.์‚ฌ์šฉ์ž๊ฐ€ HTML ์ฝ”๋“œ์— ์ ์šฉํ•  ์˜ฌ๋ฐ”๋ฅธ CSS ์„ ํƒ์ž๋ฅผ ์ž‘์„ฑํ•˜๋ฉด, ๊ฒŒ์ž„์˜ ๊ฐ ๋ ˆ๋ฒจ์„ ํด๋ฆฌ์–ดํ•˜๋ฉฐ ์ ์  ๋” ๋ณต์žกํ•œ ์„ ํƒ์ž๋ฅผ ์ตํž ์ˆ˜ ์žˆ๋‹ค. ์ด ๊ฒŒ์ž„์€ CSS๋ฅผ ๋ฐฐ์šฐ๊ฑฐ๋‚˜ ๋ณต์Šตํ•˜๊ณ  ์‹ถ์€ ์ดˆ๋ณด์ž์™€ ์ค‘๊ธ‰์ž๋ฅผ ์œ„ํ•œ ์ข‹์€ ๋„๊ตฌ์ด๊ณ ํŠนํžˆ ์„ ํƒ์ž ๊ณต๋ถ€๋ฅผ ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ๋“ค๊ป˜ ์ถ”์ฒœํ•œ๋‹ค.ํฌ๋กค๋ง ์—ฐ์Šตํ•˜์‹œ๋Š” ๋ถ„๋“ค๊ป˜๋„ ๋งŽ์€ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™๋‹ค.  https://flukeout.github.io/ CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io ๊ฐ€์žฅ ์‰ฌ์šด ๋‚œ์ด๋„์ธ 1๋ฒˆ๋ถ€ํ„ฐ ๊ฐ€์žฅ ์–ด๋ ค์šด 32๋ฒˆ๊นŒ์ง€ ์žˆ๋‹ค.ใ…‹ใ…‹ ํ™”๋ฉด์—์„œ ๊ณ ๋ฅด๋ผ๊ณ  ํ•˜๋Š” ๋ฌผ๊ฑด์„ ๊ณ ๋ฅด๋Š” CSS..
๊ฐ™์€์ƒ‰๊น” ์นด๋“œ ๋งž์ถ”๊ธฐ ๋ฉ”๋ชจ๋ฆฌ ๊ฒŒ์ž„์ด๋ผ๊ณ ๋„ ํ•˜๊ณ  ใ…Žใ…Žใ…Ž ๊ธฐ์–ต๋ ฅ ์นด๋“œ๊ฒŒ์ž„์ด๋ผ๊ณ ๋„ ํ•˜๋Š”๋ฐ.... ์ƒ‰์ƒ๋งŒ ๋„ฃ์œผ๋ฉด ์‹ฌ์‹ฌํ•˜๋‹ˆ๊นŒ ๊ณผ์ผ์ด๋ชจ์ง€๋„ ํ•จ ๊ฐ™์ด ๋„ฃ์–ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์—ฐ์Šต ๊ฒธ ์‹œ๊ฐ„ ๋‚  ๋•Œ ํ•ด ๋ณด์ž ใ…‹ใ…‹ใ…‹ใ…‹ โŒ๋…ธ๊ฐ€๋‹ค ๋ฐฉ์ง€ ํ˜‘ํšŒ โŒ ์นด๋“œ๋Š” 12์žฅ(6์Œ)๋งŒ ๋งŒ๋“ค์ž 1. ์ˆœ์„œ๋„draw.io๋กœ ์ž‘์„ฑํ–ˆ๊ณ , svg ํŒŒ์ผ๋กœ ๋‚ด๋ณด๋‚ด๊ธฐ ํ•จ. PNG๋‚˜ JPEG๋Š” ํ•ด์ƒ๋„ ์„ค์ • ์•ˆํ•˜๋ฉด ๊นจ์ง€๋‹ˆ ์ฃผ์˜ 2. ์…”ํ”Œ ํ›„ ์นด๋“œ ์ƒ์„ฑํ•˜๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์•„๋‹Œ, CSS๋กœ ๋’ค์ง‘๊ธฐ๋ฅผ ํ•ด ์ค„๊ฒƒ์ž…๋‹ˆ๋‹ค.... 2-1. CSSํด๋ž˜์Šค์ด๋ฆ„์—ญํ• CSScard์นด๋“œ ์ „์ฒด๋ฅผ ๊ฐ์‹ธ๋Š” ์ปจํ…Œ์ด๋„ˆ์นด๋“œ ํฌ๊ธฐ, 3D ์‹œ์  ์„ค์ •card-inner์นด๋“œ ์š”์†Œ ์•ˆ์—์„œ ์นด๋“œ ์•ž,๋’ท๋ฉด ๊ฐ์‹ธ๋Š” ๋‚ด๋ถ€ ์ปจํ…Œ์ด๋„ˆ์นด๋“œ ๋’ค์ง‘์„ ๋•Œ transform: rotateY() ํšŒ์ „์ถ• card-front์นด๋“œ..
package ex01_๊ฐ์ฒด๋ฐฐ์—ด;public class Pokemon { // ํฌ์ผ“๋ชฌ ์ž๋ฃŒํ˜• // 1. ํ•„๋“œ public static final Pokemon pikachu = null; // ์ด๋ฆ„ private String name; // ํƒ€์ž… private String type; // ๊ณต๊ฒฉ๋ ฅ private int atk; // ์ฒด๋ ฅ private int hp; // ์Šคํ‚ฌ private String skill; // 2. ๋ฉ”์„œ๋“œ // ๋ชจ๋“  ํ•„๋“œ๋ฅผ ์ดˆ๊ธฐํ™”์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š” ์ƒ์„ฑ์ž public Pokemon(String name, String type, int atk, int hp, String skill) { this.name = name; this.type = type; this.atk = atk; ..
package ex01_๊ฐ์ฒด๋ฐฐ์—ด;import java.util.Arrays;public class Main { public static void main(String[] args) { // 1. ๊ฐ์ฒด ๋ฐฐ์—ด // ๋ฐฐ์—ด์ด๋ž€? // --> ๋™์ผํ•œ ์ž๋ฃŒํ˜•์„ ํ•˜๋‚˜๋กœ ๋ฌถ์–ด์„œ ๊ด€๋ฆฌํ•ด์ฃผ๋Š” ์ž๋ฃŒ๊ตฌ์กฐ // ๋ฐฐ์—ด ์„ ์–ธ ๋ฐฉ๋ฒ• // ์ž๋ฃŒํ˜•[] ๋ณ€์ˆ˜๋ช… = new ์ž๋ฃŒํ˜•[ํฌ๊ธฐ]; // ๋‚˜๋งŒ์˜ ์ž๋ฃŒํ˜• // ํฌ์ผ“๋ชฌ ๋ฐ์ดํ„ฐ๋ฅผ 3๊ฐœ ์ €์žฅ ํ•  ์ˆ˜ ์žˆ๋Š” bag ๋ฐฐ์—ด ์ƒ์„ฑ Pokemon[] bag = new Pokemon[3]; // ํฌ์ผ“๋ชฌ์€ ๋ž˜ํผ๋Ÿฐ์Šค ๋ณ€์ˆ˜ํƒ€์ž… - null(๊ธฐ๋ณธ๊ฐ’) // new๋Š” ๋ž˜ํผ๋Ÿฐ์Šค ๋ณ€์ˆ˜ ์ƒ์„ฑํ•˜๋Š” ํ‚ค์›Œ๋“œ // bag 0๋ฒˆ ๋ฐฉ์— ํ”ผ์นด์ธ„ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅ // ํ”ผ์นด์ธ„, ์ „๊ธฐ, 5000, 500..
์ธ์ ˆ๋ฏธ์˜€๋˜๊ฒƒ
'๊ฒŒ์ž„' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก
์ƒ๋‹จ์œผ๋กœ