[TIL] 220829 내일배움캠프 1일차

사전 과제로 학습했던 웹개발 종합반 강의를 0주차~3주차 6강까지 복습했다. 군데군데 기억히 흐릿하긴 했지만 두 번째로 듣다보니 퀴즈는 조금 더 수월하게 풀 수 있었다. 그렇지만 아직도 소화가 덜 된 내용 앞에선 다시 버벅였다. 첫 수강 때는 따라가기 급급했지만 이번에는 조금 더 하나씩 살펴보면서 이 코드가 어떤 결과값을 가져왔고 어떤 역할을 하는지 작동원리에 집중하면서 들었다. 헷갈렸던 부분은 손으로 정리하면서 앞서 배운 개념들을 다듬어나갔다. 오늘 다시 곱씹고 요약정리한 부분은 아래와 같다.

 

1. Javascript

 

function a () { b }

 

함수 작동원리

a. 함수의 이름을 지어준다.

b. 값을 받은 뒤 실행할 동작을 지정한다.

c. 함수를 호출하고 인자값을 지정한다.

d. 실행되면서 인자값을 토대로 동작한다.

 

 

 

if ( a ) { b' }

else { b'' }

 

a. 조건

b'. 인자값이 조건에 일치했을 때의 동작

b''. 인자값이 조건에 일치하지 않을 때의 동작

 

2. Jquery

사전에 import 필수

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 

let temp_html = `a`

a. 결과값의 형식을 지정

 

$('#b').append(temp_html)     #단순문자열인 a를 html화

b. 값 가져와 적용할 영역

 

값 초기화

$('#a').empty()

 

값 호출

let value = $('#a').val()

a. 호출할 값의 영역 지정

 

그리고 제일 애먹었던 Ajax 서버요청 방법도 다시 복습하면서 전보다 익숙해진 것 같다. 처음엔 전부 낯설어서 코드를 따라치는 것 만으로도 버거웠는데 그래도 조금씩 나아가고 있는 것 같아서 다행이다.

 

내일배움캠프 첫날 마무리