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..