(7/19/2024) 강의_컴퓨터공학개론_박매일강사님 (3/6)

Languages frequently used in Front-End area

• HTML: 모든 websites의 기둥/뼈대/framework를 구성하는 언어
• JavaScript: 모든 websites의 내용/동작을 구성하는 언어
  • JavaScript has nothing to do with Java but its name contains the word "Java" since they wanted to hop onto the popularity of Java.
  • let으로 variable 지정하면 지정 이후 값 변경 가능 vs. const로 variable 지정하면 지정 이후 값 변경 불가능 (만약 변경하면 error 발생; 즉, const는 고정된 값을 만듦;).
• CSS (Cascading Style Sheets): 모든 websites의 style/꾸밈을 담당하는 언어

 

HTML + JavaScript + Flask + Python (+ CSS?)

Front-End를 많이 배우지 않았기에 이번 시간에 다루어 좋았다. 특히 Flask라는 것은 처음 들어봤다. 또한 여러 언어들을 연계해 하나의 프로그램을 만들어가는 과정을 배울 수 있어 좋았으며, 여러 예시 문제들을 강의시간에 같이 풀어보고 설명도 해주시어 좋았다. 해당 내용들은 아래 참조 자료에서 확인할 수 있다.

[컴퓨터 공학 개론] 4강.네트워킹과 API활용.pdf

1.20MB

 

 

 

마지막 1시간은 실습 과제를 주었는데, user가 two numbers를 입력하고 버튼을 누르면 그 two numbers를 합친 sum output을 display 해내는 것이었다. JavaScript와 Flask를 연동하여 코드를 짜보라고 하셨다. 나의 코드와 예시이다:

 

calc.html

0.00MB