μμ£Ό μ°μ΄λ pattern
μ λ³λμ λΈλ‘μ λ£μ΄λκ³ , μ΄λ¦μ λΆμ΄λ κ².λ¬΄μ¨ κΈ°λ₯μ νλ κ²μΈμ§
μ§κ΄μ μΌλ‘ μ΄ν΄ν μ μμ΄μΌ ν¨. (λ§€μ° μ€μ)testPrint();
Camel Casetest_print();
Snakeint main() {
int b = 10;
int a = 10 + (b++); // a = 20;
printf("%d", b); // b = 11;
return 0;
void functionName() { }
β return μ¬μ©ν΄λ λ¨.λ°μ΄ν° νμ
μ μ¨μΌ νλ€.π€ return μ μ’ λ₯
μμ μ²΄ν¬ λ¬Έμ .
// λ¬Έμ : μμμΈμ§ μλμ§ μ²΄ν¬νλ ν¨μ ꡬν
#include <stdio.h>
#pragma warning (disable: 4996)
int isPrime(int number) {
if (number <= 1) {
return 0; // μμκ° μλλ€!
}
for(int i=2; i*i<=number; i++){
if(number % i == 0) {
return 0;
}
}
return 1; // μμμ!
}
int main(void) {
printf("%d\n", isPrime(7));
return 0;
}
char a; // 1byte. λ¬Έμκ° μλλΌ μ¬μ€μ βμ μβκ° μ μ₯λλ κ².
char c = βaβ; β aλ μμ€ν€ μ½λν μ μ μ 97μ΄λ€.
char c = 97; β μ°¨μ΄κ° μ ν μλ€. μμ€ν€ μ½λ μ βaβ == 97 μ trueλ€.
printf(β%cβ, 97);
β aκ° μΆλ ₯.
β μ°Έκ³ λ§ν¬ μ¬κΈ°
console.clear();
const button = document.querySelector("button:nth-child(2)");
button.addEventListener("click", function() {
conosole.log("Hello World");
});
BOM : Browser Object Model
alert('hi');
window.close();
μ window.open('');
querySelector();
π€ μ SPA λ₯Ό μ°μ§ μμκΉ ?
// μμ λ°©μ
var div = document.getElementsByTagName('div');
for(var i = 0; i < div.length; i++) {
div[i].style.backgroundColor = 'beige';
}
// JQuery
$('div').css('background-color', 'beige');
// κΈ°ν (JQuery μ°μ§ μμ λ)
document.querySelectorAll('div').forEach(e => e.style.backgroundColor = 'red');
jquery μ¬μ©νκΈ°.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
// λͺ¨λ λ€ ν¨μ!!
function plus(a,b) { return a + b; }
const plus = function(a, b) { return a + b; }
const plus = (a, b) => {return a + b; }
const plus = (a, b) => a + b;
β .css μ¬μ© μ§μ. (λ°λμ κ° κΈ°λ₯μ μΆ©μ€ν΄μΌ ν¨)
// μλͺ»λ μ¬μ©.
console.clear();
$("button").click(function () {
console.log($("body").css("background-color"));
if ($("body").css("background-color") == "") {
$("body").css("background-color", "#afafaf");
} else {
$("body").css("background-color", "");
}
});
μ¦, λ€μκ³Ό κ°μ΄ μ¬μ©ν΄μΌ νλ€.
// μ¬λ°λ₯Έ μ¬μ©.
console.clear();
$("button").click(function () {
if ($("body").hasClass("bg-afafaf")) {
// κ°μ§κ³ μλ€λ©΄
$("body").removeClass("bg-afafaf");
} else {
$("body").addClass("bg-afafaf");
}
});
// ν¨μλ₯Ό λ°λ‘ λΉΌμ μμ±ν΄λ λλ€.
console.clear();
const a = function(){
if($('body').hasClass('bg-afafaf')){
$('body').removeClass('bg-afafaf');
}
else {
$('body').addClass('bg-afafaf');
}
}
$('button').click(a);
π‘ hasClass(), removeClass(), addClass() λ **.bg-afafaf λΌκ³ μ°μ§ μλλ€**. κ·Έλ₯ bg-afafaf .
.popup.active
μ μλ―Έλ ?
λμκ² κ°κ³ μλ
μμ..popup .active
β .popup μμ μλ .active μ.z-index : 1000; β μ λ Ή κ° κ²½μμμ μ΄κΉ. μ°μ μμλ₯Ό μ€μ 맨 μμΌλ‘.
μ¦, absolute; μμ±λΌλ¦¬ κ²½μν λ μ£Όλ‘ μ¬μ©νλ€.
BEM : νμ€ CSS λͺ
λͺ
λ², λ§ν¬μ
λ°©λ²
header__box
span β nav νν λ³΄κ³ β article νν λ³΄κ³ β β¦
e.stopPropagation();
β μ νλ₯Ό λ©μΆλ€!
return false; β e.preventDefault(); μ e.stopPropagation(); μ ν©μ³λμ.