시작하면서

퇴사 후 무턱대고 시작한 웹개발은 정신이 없다.
아주 어렴풋이 어렸을 때 html을 조금 만지작거렸던 거 같은데 지금에서야 다시 만지니 뻣뻣하기 이를 때 없다. 제일 먼저 기억해야할 것은 쓰면서 배우는 것 또한 개발이지만 필요한 것을 적절한 구글링으로 찾는 것 또한 능력이라고 볼 수 있다. 이전부터 구글링을 열심히 해온 편이였지만 이렇게 활용되는 능력치가 될 거라곤 생각하지 못했다.

되도록 따라해보고 '왜'를 끊임없이 해볼 것

나는 아직도 style, script의 내용들을 나눠서 적용하는 게 조금 어렵다.
해봤던 부분을 또 보고를 반복했다. 왜 이 부분에 이 내용을 적용했을까.

   <style>
         * {
            font-family: 'Jua', sans-serif;
         }
        .mytitle {
            background-color: green;

            width: 300px;
            height: 200px;

            color: white;
            text-align: center;

            background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
            background-size: cover;
            background-position: center;

            border-radius: 10px;

            padding-top: 25px;

        }

        .wrap {

            width: 300px;
            margin: auto;
        }

        .mybtn {
            width: 100px;
            margin: auto;
            display: block;
        }

        .red-font {
            color: red;
            font-size: 16px;
        }
    </style>

Javascript는 기초문법이 어렵다

방대한 내용에 수식, 함수를 적용하여 원하는 내용을 추출하는 것이 어렵다.

특정 문자로 문자열을 나누고 싶은 경우

let myemail = 'sparta@gmail.com'

let result = myemail.split('@') // ['sparta','gmail.com']

result[0] // sparta
result[1] // gmail.com

let result2 = result[1].split('.') // ['gmail','com']

result2[0] // gmail -> 우리가 알고 싶었던 것!
result2[1] // com

myemail.split('@')[1].split('.')[0] // gmail -> 간단하게 쓸 수도 있다!

반복문 예시

let scores = [
	{'name':'철수', 'score':90},
	{'name':'영희', 'score':85},
	{'name':'민수', 'score':70},
  {'name':'형준', 'score':50},
  {'name':'기남', 'score':68},
  {'name':'동희', 'score':30},
]

for (let i = 0 ; i < scores.length ; i++) {
	console.log(scores[i]);
}

반복문, if절 포함

for (let i = 0 ; i < scores.length ; i++) {
	if (scores[i]['score'] < 70) {
		console.log(scores[i]['name']);
	}
}

개발일지 처음 쓰면서,

다행인 건 반복적으로 할 수 있다는 점, 아쉬운 점은 오류가 나면 머리가 갑자기 로딩중이 되는 것 같다. 내일은 더 나아지고, 그 다음 내일은 또 나아지길.