항해9924 JavaScript 문법 뽀개기 [ 시작하기에 앞서] ▶ 프로그래밍이란? 데이터의 입력 → 처리 → 출력이 프로그램이 하는 일이고, 이렇게 프로그램이 정해진 방식에 따라 일할 수 있도록 작성해놓는게 '프로그래밍' ▶ 자바스크립트란? 프로그래머들은 어떤 도구를 이용해 코딩을 함. 이때 이용하는 도구가 바로 프로그램 언어 인간이 쓰는 언어와 마찬가지로 프로그램이 언어도 정해진 문법이 있음. 문법에 따라 코딩을 하면 컴퓨터는 이를 해석해 데이터를 입력받아 처리하고 출력함 프로그래밍 언어도 인간이 쓰는 언어처럼 매우 다양하고 계속 발전함. 자바스크립트는 이러한 프로그래밍 언어중에서도 몇 손가락 안에 들만큼 많이 쓰이는 언어 ▶ Node.js란? Node.js는 자바스크립트 언어의 문법에 맞게 코딩을 했을 때 컴퓨터가 이를 해석해서 처리할 수 .. 2023. 4. 18. 웹개발 종합반_5주차 [ AWS 가입하기 및 보안설정하기 ] AWS 사이트: https://504836820716.signin.aws.amazon.com/console https://console.aws.amazon.com/console/home console.aws.amazon.com ▶ IAM 아이디를 생성하면 IAM계정을 사용 IAM은 AWS의 서비스를 안전하게 제어할 수 있는 계정 내의 계정 AWS 계정을 처음 가입할 때는 루트 계정이라는 하나의 아이디로 생성되는데 이것을 바로 사용하면 굉장히 위험함 이유는 바로 루트 계정이 AWS에서 결제와 관련된 모든 접근 권한이 승인되어 있기 때문 원래라면 다른 서비스도 마찬가지이지만 AWS는 그 서비스가 굉장히 다양하고 폭넓고 가격도 다양함 그래서 루트계정으로 일상적인 작업을 .. 2023. 4. 16. 웹개발 종합반_4주차 [ 4주차를 하기 앞서 ] 컴퓨터가 한대이기 때문에 같은 컴퓨터에 서버도 만들고 요청도 함 즉 클라이언트 = 서버가 되는 것. 이것을 로컬 개발환경이라고 함 하지만 DB는 mongoDB Atlas라는 클라우드 서비스를 이용하고 있기 때문에 총 그림을 이렇게 됨 [ Flask 시작하기 ] 어느정도 만들어져 있는 꾸러미들을 프레임워크라고 부름(라이브러리하고 결이 같다라고 생각해도 무방) 서버라는 큰 프로젝트를 만들기 위한 큰 라이브러리를 프레임 워크라고 부른다고 생각하면 됨 프레임워크는 라이브러리와 마찬가지로 만들어 둔 사람이 하라는 대로 차근차근해야 서버를 만들어갈 수 있음 현재 여기서 사용하는 프레임워크는 Flask라는 프레임 워크 Flask는 만들 프로젝트의 폴더구조가 정해져 있어 규칙을 꼭 지켜주어야.. 2023. 4. 10. 웹개발 종합반_3주차 ※ TypeError: Cannot read properties of undefined (reading 'forEach') forEach를 쓸때 이 에러가 뜨면 안에 내용이 없어 undefined이 뜬것이기에 데이터가 잘있는지 이름을 잘 써주었는지 확인 [ 파이썬 시작하기 ] 파이썬을 설치한다는 것은 일종의 번역팩을 설치한다고 생각하면 됨 컴퓨터는 2진법만 알아듣기 때문에 파이썬 문법으로 된것을 2진법으로 변환해줄 수 있도록 번역패키지를 설치하는 것 VSCode에 확장프로그램을 이용하여 python을 설치받고 .py파일을 만든다음 코드를 쓰고 터미널로 파일을 실행시킴 [ 파이썬 기초공부 ] ▶ 변수 & 기본연산 a = 3 b = a a = a + 1 num1 = a*b num2 = 99 변수의 이름은 마.. 2023. 4. 7. 웹개발 종합반_2주차 [ 웹 만들기 ] Html은 뼈대, CSS는 꾸미기, JS는 움직이기 Javascript 는 웹을 움직이게 하는 코드 jQuery는 Html 뼈대를 선택해서 쉽게 조작할 수 있음 Fetch는 짧은 코드로 요청을 보내고 받아올 수 있음 [ Javascript(JS) ] ▶ JS란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어 JS는 브라우저한테 명령을 내리는 표준언어 브라우저는 기본적으로 JS를 알아듣게 설계되어있고 모든 웹서버는 Html + CSS + JS를 주게 되어있음 ▶ JS 함수만들기 프로그래밍에서는 정해진 일을 반복하는 친구를 함수라고 함 안에 로 공간을 만들어 JS 작성 function 함수명(){ 내용 } 예시 안녕버튼 위에 예시를 직독직해하면, 버튼을 클릭하면 hi()를 .. 2023. 4. 3. 웹개발 종합반_1주차 [ 웹의 동작 개념 ] 브라우저는 요청을 보내고 받은 HTML 파일을 그려줌 즉 웹 페이지는 서버에서 미리 준비해두었던 것을 받아서 브라우저에서 볼 수 있도록 그려주는 역할을 수행 즉 브라우저는 요청을 보내고 요청의 답으로 받은 HTML 파일을 그려주는 일만 함 그렇다면 요청은 어디서 보내는 것일까? 서버가 만들어 놓은 API라는 창구에 미리 정해진 약속대로 요청을 보내는 것 주소 창에 주소를 입력하고 엔터를 입력하는 것이 바로 요청을 보내는 행위 예시로 https://naver.com/ 들자면 naver.com 이름의 서버에 있는 “/”라는 주소 창구에 요청을 보낸 것 네이버에서 그 대답으로 네이버 홈에 해당하는 HTML 파일을 줌 결국 브라우저는 주소를 통해 API로 요청을 보내고, API는 요청에 .. 2023. 4. 1. 이전 1 2 3 다음
