본문 바로가기
부트캠프TIL, WIL/AI웹개발(스파르타코딩클럽)

[AI 웹개발TIL]7일차 개발일지

by 우지uz 2023. 3. 20.

7일차 개발일지를 시작합니다 ㅎㅎ

오늘은 3월 19일 일요일 자습과
3월 20일 월요일 자습내용을 한꺼번에 적습니다! 
어제 새벽 1시까지 공부한다고 TIL작성할 시간이 없었거든요 ㅠㅠ
진짜 몸져 누웠습니다...이게 개발자의 삶인가...

간략하게 공부한 내용과 어려웠던 점, 해결방법 적고 떠날게요 !
1. jquery  , append , forEach 문법 이해
이것도 꽤 어려운 것 같네요. 처음엔 양의 탈을 썼는데 
좀 복잡해지니까 , 전체적인 틀을 먼저 생각하고 
하나하나 입력해야 했습니다.. 

까먹기 전에 주말에 복습해둬야 겠어요 .... 훗날의 내가 분명 까먹을 거거든요 

2. 서버 클라이언트 통신이해 하고 fetch 써보기..
진짜 이해하기 어려웠어요 ..! 제가 들은 강의 중에서 제일 어려웠어요ㅎ
서버에서 자료 들고오고, 해석해둔 거 가지고 자료 불러와서
해석하고 읽어내는 것??? 이것뿐만 아니라 모든 강의들을

.then(res => res.json())
.then(data => {
let rows = data['RealtimeCityAir']['row']
// rows 는 RealtimeCityAir 안의 row들에 대한 데이터다
$('#names-q1').empty()
// 업데이트를 눌렀을 때, 전에 있던 정보들을 삭제하는것
rows.forEach((a) => {
// rows 안에 각자의 row들에 대한 정보는
let gu_name = a['MSRSTE_NM']
// 구 이름 지칭
let gu_mise = a['IDEX_MVL']
// 구 미세먼지 지칭
let temp_html = ``
if (gu_mise > 40) {
temp_html = `<li class="bad">${gu_name} : ${gu_mise} </li>`
} else {
temp_html = `<li class="good">${gu_name} : ${gu_mise} </li>`
}
// temp_html을 `<li>${gu_name} : ${gu_mise} </li>`라고 정의한다
// 각각의 정보들을 불러올 때 ${gu_name} 이 형식을 쓴다는 것
$('#names-q1').append(temp_html)
// '#names-q1'에 대한 정보를 temp_html로 불러오기
})
})

}

이렇게 하나하나 주석 달면서, 이해하면서 
정리하면서 듣고 있는데 
이번 내용은, 혼자 만의 힘으로 실천 하는데에 꽤 많이 걸렸던 것 같아요.. 
저는 하나하나 무슨 의미 인지 간략하게이해하고, 
전체적인 흐름을 파악하고 
혼자만의 힘으로 구현해 봤을 때
비로소 내 것이 되었다고 생각하는 편이에요 
어쨋든 역대급 난이도 ....
오늘 했던 파이썬 문법들은 더 쉬웠던 것 같아요. 
6년간 학원에서 수학을 가르쳐서 그런지 , 

3. 파이썬 기초 문법 이해

집합 개념이나 함수를 적용 시키는 하나하나의 알고리즘..
애초에 VS Code로 html & CSS할때부터 알고리즘 투성이었죠?
근데 파이썬에서는 확실히 함수라는 알고리즘과 매커니즘이 존재하는 것 같아요

4. console을 활용한 자바스크립트 연습
처음에는 console 을 왜 쓰는지 이해를 못했는데 
하다보니, 서버에 올리기 전에 
개발자가 가볍게?? 테스트용으로 볼 수 있는 작은 페이지를 만든 거라고 생각하니
이해가 되더라구요. 그들만의 페이지 느낌 ㅎㅎ 
이건 꽤 할만했던 것 같습니다. 

if 와 else 를 활용해서 alert 가 되는 기능을
구현하는 예제들은 할만 했어요.!!

5. 궁금한 점이 있었다가 해결 되었는데요
결국엔 언어팩 역할을 하는 VS Code, PyCharm 에서 
똑같은 파이썬 작업을 한다고하면, 차이점은 크게 없더라구요 !
매니저님도 튜터님도 하시는 말씀이 
어떤 플랫폼을 쓸지는 
사용자가 편한 프레임워크를 쓰면 된다고 하시더라구요. 
그러나 , 여러가지 툴을 쓸 수 있고
거기서 비교적 편한 것들을 
필요할 때마다 쓸 줄 아는 것과 모르는 것은 다르다
라고 하시긴 하셨어요 ㅎㅎ 
하긴! 페이스북이나 인스타그램이라는 플랫폼도 같은 플랫폼이지만
우리가 쓰는 용도나 목적에 따라서 
느낌이 확 다르잖아요 ?? 그렇게 이해하면 될 것 같아요. 
 
6. 오늘 파이썬에서 배운 것들은 아주 기초적인 것들 이었어요 

자료형과 변수
숫자 자료, 문자열 자료, 불 자료, 변수 정의와 사용, 형 변환, 변수를 사용할 때 주의할 점
연산자 종류, 연산자 우선순위, 변수로 연산하는 방법 등등 이었고 

강의도 참고하고, 

유튜브 나노코딩님의 파이썬 입문

파이썬 입문 책도 ,저녘 먹고 쉬는 시간에 읽어보면서 
기본 문자들에 대해 이해하는 시간을 가졌어요. 
 
오늘 TIL은 여기서 마치고 
저는 운동하러 가보겠습니다 ㅎㅎ 
오늘도 수고 하셨어요 !