강의
우선 오늘은 강의부터 들었다.
오후에 집에 들어와서 조금 듣고, 2시에 사전캠프를 시작하고 또 조금 들어서 웹개발 2주 차를 완강하였다.
$('#title').text('쥬라기월드');
이번에도 처음 들어봤고 유용하다 생각했던 건 JQuery였다.
그러나 구글에 검색한 결과 요즘에도 많이 쓰이긴 하지만 더 좋은 라이브러리들이 나와 요즘은 인기가 없다고 하니 실제로 쓰게 되진 않겠구나 생각이 들었다.
핵심 정리
어쨌거나 난 웹 개발에 대해서는 대학교 강의 이후로는 전혀 접하지 않았었기 때문에 몇 가지 중요한 부분을 스스로 정리하며 짚고 넘어가 보겠다.
// CSS를 편집할 때
<style>
.class-name {
// CSS
}
</style>
<OO class = "class-name"> </OO>
// Javascript를 편집할 때
<script>
function function-name() {
// id는 $('#id-name')로 가져온다.
// html문을 쓰고싶을 때
`<OO>${variable}text.</OO>`
}
</script>
<OO id = "id-name">
궁금증
<head>
<title>자바스크립트 문법 연습하기!</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<script>
function checkResult() {
let people = [
{ 'name': '서영', 'height': 165 },
{ 'name': '현아', 'height': 170 },
{ 'name': '영환', 'height': 175 },
{ 'name': '서연', 'height': 162 },
{ 'name': '지용', 'height': 190 },
{ 'name': '예지', 'height': 168 }
]
$('#q2').empty();
people.forEach(e => {
$('#q2').append(`<p>${e['name']}의 키는 ${e['height']}cm 입니다.</p>`);
});
}
</script>
script는 head 밖에 써도 되는 건가?
찾아보니 html 안에만 쓰면 되는 것 같다.
그러나 script를 두는 곳에 따라 차이가 존재한다.
[JavaScript] <Script> 태그의 위치는 어디가 좋을까?
Script 태그 HTML 파싱 ▶️ JavaScript 파일 다운로드 후 실행 아마 대부분의 경우에 제일 많이 위치하여 사용하는 방법일 겁니다. 자바스크립트 파일을 다운로드하기 전 HTML 코드를 모두 파싱 하기
shape-coding.tistory.com
결국 차이라 함은 JS를 언제 다운하는지의 차이
사전캠프 2일 차
오늘은 만들 웹페이지를 구체화하고 역할 분담을 하였다.
밈을 모아둔 사이트를 만들자는 건 어제 이야기하였으나 각자 와이어 프레임을 만들다 끝났었다.
오늘은 적용할 기능만 골라내고 어떤 식으로 기능을 구현할 것인지에 대해 간단히 논의하였다.
그러나 너도나도 웹개발은 처음이었기 때문에 이렇게 써두는 게 맞는 건지 막막한 건 어쩔 수 없었다.
일단 개발부터 들어가고 예상 못 한 부분이 나오면 다 같이 고민해 보는 방향으로 정했다.
그리고 DB나 서버에 대해 말하다 보니 나도 대학 때는 거기까지 배우지 않았어서 걱정이 됐다.
팀원들이 말하는 거 보면 웹개발 종합반 강의에서 간단하게 구현하는 법을 알려주는 듯하였지만 아직 전부 듣지 않았기 때문에 잘 못 알아 들었다.
내 현재 최선은 강의를 빨리 다 듣는 것 같았다.
강의 더 듣기
많이는 아니더라도 오늘 3주 차 강의까지 들어버리고 내일 4, 5 주차 들어 끝내버리자.
회의를 하다보니 사전캠프를 1시간 정도 오버해 버려서 피곤하지만 밥 먹고 강의를 마저 들으러 갔다.
이번에는 api 통신에 대해 배웠다.
get, post 방식은 이전에 다니던 회사에서 사용해 본 적이 있다.
이제 그것을 자바스크립트에서는 fetch로 한다는 것뿐 역시 어렵진 않았다.
fetch(url).then(res => res.json()).then(data => {
// 코드 작성
})
그리고 기억에 남는 건
$(document).ready(function () {
// 준비되면 실행
})
Unity의 Start문과 같은 느낌의 이 함수였다.
그리고 잠시 동안 함수가 적용되기 전 형태가 보이는 것이 매우 신경 쓰였다.
분명 없애는 방법이 어딘가엔 있을 것 같은데... 지금 내 수준에서는 모르겠다.
프런트엔드를 더 파 봐야 하나?
'공부 기록 > 내배캠Java_5기' 카테고리의 다른 글
| [내배캠][TIL] 사전캠프 6일 차 +a (0) | 2024.04.08 |
|---|---|
| [내배캠][TIL] 사전캠프 5일 차 +a (0) | 2024.04.05 |
| [내배캠][TIL] 사전캠프 4일 차 +a (0) | 2024.04.04 |
| [내배캠][TIL] 사전캠프 3일 차 +a (0) | 2024.04.03 |
| [내배캠] 사전캠프 1일 차 +a (0) | 2024.04.01 |