기본적인 html은 알고 있었지만 커리큘럼에 따라 배워보는 것은 처음이다. 설레는 마음으로 월요일에 강의실에 입장했는데 생각보다 영상들 길이가 매우 짧았다. 그리고 html과 css까지는 알고 있던 내용이라 더 빠르게 이해할 수 있었다.
그리고 처음 배우는 내용이나 adobe XD에서 지나가다 가끔 보았던 단어들을 마주했다. 반갑기도, 이해가 되기도 했다.
알게 되어 제일 반가웠던 내용은
max-width: 400px
width: 95%
이 부분이었는데, 이전에도 웹페이지는 만들어본 적이 있지만 만들었던 페이지를 모바일로 볼 때 깨지는 것은 어떻게 해야할지 몰랐기 때문이다.
요즘은 모바일을 더 많이 사용하는 시대이니 앞으로 자주 쓰게 될 것 같다.
그 외에도 태그 속 태그를
.class > tag { }
이렇게 나타낼 수 있다는 것도 처음 알게 되었다. 수박겉핥기로 알고 있을 때에는 매번 태그에 대한 스타일시트를 작성하여 충돌하며 적용이 안되거나 잘못될 때가 많았다. 정확하게 태그를 지칭하여 설정해줄 수 있는 부분이 좋았다.
javascript 문법은 처음으로 조금 배웠는데 엑셀 같다는 느낌이 들었다.
어떤 데이터의 행에서 A를 찾아 그 B값을 출력하라. 와 같은 함수를 사용하는 것 같았다.
let ____ = []
____을 []이라고 하자.
let a_list = ['ㄱ','ㄴ','ㄷ','ㄹ']
데이터 ㄱ, ㄴ, ㄷ, ㄹ을 입력하기
let a_dict ={A:B,C:D}
'A=B', 'C=D' 라는 내용 입력하기a_dict는 아직 확실하게 이해된 것 같지 않다. 복습해야 할 것 같다.
let a_list =[자료 입력하기]
for(let i=0, i< a_list.length; i++) {
}
(변수를 i라고 할 때 a_list에 입력한 자료들을 모두 { } 하기)ex) let scores = [{'name': '철수', 'score': 90}]
for (let i =0; i <scores.length; i++) {
(자료에 있는 내용을 하나씩 확인 후)
if (scores[i]['score'] > 70 {
(확인하다가 score 가 70보다 크다면)
console.log(scores[i]['name']}}
(콘솔창에 name을 띄워라.)자세한 내용은 다음주 수업을 더 들어봐야 알겠지만 불과 4일동안 배웠다고 하기엔 벌써 실무에 사용할 수 있는 방법들이 많았다.
그리고 나는 파이참을 처음 써보는데(메모장에 일일히 적어 *.html로 저장하던 시절) ctrl+ alt+ L키로 라인 정리를 한번에 할 수 있는 점이 너무 좋았다. 메모장을 사용하던 때에는 늘 "태그열고, 닫고, 열고, 닫고..."를 중얼거리며 html을 들여다 봐야 했기 때문이다.
일주일 수업을 정리할 수 있는 블로그가 생겨 기분이 좋다. 틈틈이 공부한 내용과 새로운 지식을 정리해볼 수 있겠다.
이번 주 차 숙제였다. 공부를 하면서 덕질도 할 수 있다니 일석이조(?)
즐겁게 해결해나갈 수 있었다. 개성있는 편을 좋아해서 이것저것 많이 만져보았다. 재미있었다. 이것들이 이제 진짜 움직이는 것을 본다면 더 즐거울 것 같다.
