본문 바로가기

TIL

 (99)
JS 기본문법 - 함수(2) 함수 1. 함수의 정의 - 함수를 정의하는 순간, 함수를 저장할 수 있는 메모리 공간이 생성되고 함수 안에서 정의된 코드가 메모리에 저장된다. 2. 함수 사용 - 메모리에 저장된 함수를 사용해서 함수 안에 있는 코드를 실행시켜야 한다. 함수를 호출한다고 표현함. 3. Return - 함수 안에서 변수를 선언하면 해당 변수는 함수가 저장된 메모리에서 저장 공간을 확보래 그 내용을 저장하게 된다. 함수 안에서 선언된 변수를 함수 밖으로 꺼내오기 위해서는 Return 키워드를 사용해 값을 반환하는 과정을 거쳐야 한다. 함수 안에서 Return을 사용해 값을 반환하면 해당 함수를 호출 했을 때 그 함수 자체가 반환값을 의미한다고 보면 된다. 4. Parameter - 함수를 정의할 떄 함수명 뒤에 위치한 ( )..
JS 기본문법 - 함수 기본적인 함수 개념은 아는데 아직 익숙하지가 않아 직접 코딩을 하다보면 항상 헷갈려서 list와 dictionary에 이어 함수도 복습할 겸 내용 정리를 한번 해보기로 했다. 함수의 기본 생김새와 예시이다. // 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } // 사용하기 함수이름(필요한 변수들); // 예시 // 두 숫자를 입력받으면 더한 결과를 돌려주는 함수 function sum(num1, num2) { console.log('숫자', num1, num2); return num1 + num2; } console.log(sum(3, 5)); // 8 출력 console.log(sum(4, -1)); // 3 출력 function sum(num1, num2) //..
fetch 함수 fetch 함수의 기본형 fetch(url, options) .then(response => { // 처리할 내용 }) .catch(error => { // 에러 처리 }); url: 요청할 리소스의 URL options: 요청 메서드, 헤더, body 등을 설정할 수 있다. (선택적) 다음은 간단한 GET 요청을 보내는 방법이다. fetch('https://api.example.com/data') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // JSON 형태로 응답 데이터를 파싱 }) .then(data => { // 처리할 데이터 consol..
jQuery 란? jQuery는 미리 작성된 javascript 코드 JS 만으로도 모든 기능을 구현할 수는 있지만, 1. 코드가 복잡해지고, 2. 브라우저 간 호환성 문제고 고려해야 해서, jQuery라는 라이브러리가 등장하게 되었다. 쉬운 예시로 '친구들끼리 대화를 할 때 줄임말을 써서 상대가 쉽게 알아듣게 만드는 것'과 같다. 미리 작성된 JS 코드를 가져오는 것을 'import' 라고 한다. 라이브러리를 가져와 사용할 때는 '로컬에 다운로드' 하거나 '웹의 주소를 입력'하면 된다. 여기서 웹 주소를 입력하는 것이 CDN이다. CDN은 Content Delivery Nerwork의 약자로 웹사이트의 접속자가 콘텐츠를 다운로드할 때 자동으로 가장 가까운 서버에서 다운로드할 수 있도록 하는 기술입니다. CDN을 사용하면..
JS 기본문법(list, dictionary) 계속해서 강의를 듣다보니 list 와 dictionary의 개념이 매우매우매우 중요한 것 같아서 다시 한번 복습해보았다. list = 값을 순서를 지킨 채로 가지고 있는 형태 [ ] 로 되어있다면 list!! index = list의 순서, 0부터 시작하며 1씩 증가하는 형태 0부터 시작한다는 것을 항상 기억하자! list 내의 요소 = 'element' or 'item' 이라고 한다. 서로 미세하게 차이가 있는 것 같지만 혼용해서 사용하는 듯 하니 나중에 자세히 알아보자 배열인 array와 비슷하지만 다르다. array에 대해선 나중에 따로 공부하자 let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let b_list = [1,2,'hey',3] // 로..
Python pip로 설치한 패키지 한번에 지우기 어제 가상환경 활성화가 안되는 오류로 한참동안 고생했는데 오늘 또 비슷한 오류를 겪었다. 바로 VSC를 껐다 키거나 새 터미널을 켤 때 마다 가상환경 활성화를 따로 해주어야 하는 것 한번 활성화 시킨 터미널은 가상환경이 잘 활성화 되지만 터미널을 새로 만들거나 VSC를 껐다 키면 활성화가 풀린다. 이 활성화가 풀린지 모른채로 스파르타 코딩 강의를 들으며 그대로 따라하다가 pip install flask 로 패키지를 설치했고 그게 시스템 환경에 설치되면서 문제가 생겼다. 잘못 설치된 패키지들이다. 어제 requests를 삭제한 것 처럼 일일이 삭제하려면 할 수 있겠지만 그렇게 하면 너무 귀찮기 때문에 한번에 삭제할 수 있는 방법을 찾아보았다. 먼저 pip freeze > requirements.txt 를 ..
Python 가상환경 활성화 오류 venv라는 이름의 가상환경을 생성 한 뒤 import requests 명령어 사용 시 나타난 메세지이다. Python에서 가상환경 생성 후 requests 모듈을 인스톨 했는데도 requests 라이브러리 설치가 필요하다는 메세지가 나왔다. 이 오류는 가상환경은 생성 되었지만 가상환경이 활성화 되지 않아 requests가 가상환경이 아닌 시스템 환경에 설치되었기 때문에 생긴 오류였다. 가상환경이 활성화 되지 않은 경우 pip uninstall requests 로 시스템 환경에 설치된 requests를 지운 후 python -m venv venv 로 가상환경을 만든 후 .venv\Scripts\activate or source .venv/Scripts/activate or source venv/Scrip..
CSS 선택자, 속성 CSS의 기본 순서 1. html 코드 안의 사이에 태그를 작성하고 style 태그 사이에 css 코드를 작성 2. css 효과를 주고싶은 코드를 선택자로 선택 3. 주고싶은 속성을 선언 4. 원하는 속성값을 입력 기본적으로 여러 개의 코드를 선택하고 싶으면 class 라는 선택자, 한 개만 선택하고 싶으면 id 선택자를 사용한다. id는 #(id이름) class는 .(class이름) 태그는 (태그이름) 을 사용하며 css 속성을 사용해 태그를 꾸며준다. css 기본 속성 배경관련 background-color background-image background-size 사이즈 width height 폰트 font-size font-weight font-family color 간격 margin paddin..
Git & Github의 기본개념 Git 이란? 코드는 여러번의 수정 작업을 거쳐야 하는데 수정 작업을 할 때 마다 일일이 백업본을 남겨두게 되면 ㅇ파일이 많아져 복잡해지기 때문에 Git 이라는 소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 일종의 형상 관리 도구를 사용하여 코드 변경점을 편리하게 기록할 수있게 된다. Git에 대해 간단하게 말하면 '코드 변경점을 기록하는 버전 관리 도구' Github 란? 한 프로젝트를 진행할 때 여러명이 하나의 코드로 협업하기 위해 코드를 공유하고 백업하는 온라인 코드 저장소 이름에 Git이 들어가는 이유는 Git 명령어와 호환이 가능하기 때문이다. 즉, Github란 백업과 공유, 협업이 가능한 온라인 코드 저장소 Github을 통해 같은 팀원의 코드를 복사해오고 그 코드에 내가 추가로 코드를..

티스토리툴바