남민우의 공부 블로그

자바스크립트(이하 js)는 웹페이지에 추가적인 동작, 예를 들어 검색창을 클릭하면 연관 검색어가 나오거나 아이콘을 클릭하면 다른 사이트로 이동되거나 하는 등의 움직임을 더해주기 위해 사용된다. CSS까지 적용된 코드에 이어서 실습을 진행했다. BCFlix Home Series Moive Saves ..

내일배움캠프 학습/HTML 2024. 10. 28. 22:51

웹 브라우저 작동 원리예를 들어, naver.com 을 통해 사이트로 들어가면, 해당 주소에서 데이터를 받아 우리 컴퓨터의 브라우저로 받아온다.클라이언트는 데이터를 요청, 서버는 데이터를 제공하는 방식으로 브라우저의 작동이 이루어진다.구성은1. HTML : 뼈대의 역할2. CSS : 꾸미기의 역할3. JavaScript : 웹페이지의 움직임 역할로 되어 있다. 이번에 진행한 강의에서는 개발 환경으로 'VSCode'를 사용하였다. HTMLHTML은 웹페이지의 모습을 구성하기 위한 언어로, 크게 Head 와 Body 로 나뉜다.Head 에는 Body 에 들어가지 않는 모든 부분을 담당하며 CSS 와 JS도 이에 속한다.Body 는 눈에 보이는 부분을 구성하며, 웹 페이지의 여러 배치, 디자인, 글귀 등 페이..

내일배움캠프 학습/HTML 2024. 10. 28. 22:22

문제다음의 조건으로 배달시간이 늦었는지 판단하는 값을 만들어라* 주중 : 25분 이상* 주말 : 30분 이상1. SQL 문의 기본 구조로 시작2. 조건을 여러번 적용할 때 if, case 문 중 어떤 것을 이용할지 결정3. 조건에 '주중, 주말' 조건과 '배달시간' 조건을 동시에 줄 때 사용 할 논리연산자 결정 풀이1번부터 내용을 보면 SQL의 기본 구조로 시작하라고 안내한다.배달 시간을 판단하기 위한 문제이므로 테이블은 'food_orders' 를 이용한다.SELECT *FROM food_orders fo 2번에서는 조건을 여러번 적용할 때, if와 case 문 중 어떤 것을 사용하겠냐 묻고 있는데이는 지난번 배웠던 것처럼 조건이 여러개일 경우는 case 문을 사용하면 된다. 코드를 작성하면서 조건문의..

내일배움캠프 학습/SQL 2024. 10. 25. 00:29

SQL 코드를 작성하면서, 숫자 가공이나 문자 출력 시 자주 발생할 수 있는 오류에 관해서이다.본인은 맞게 작성했다고 생각할 수 있지만 Data Type Error 라는 문구와 함께 에러가 발생하는 경우가 있다. DATA TYPE 이란?먼저 'Data Type'은 쉽게 설명해 '자료형' 을 의미한다.처음 테이블을 만들면서 컬럼을 만들고 그 자료형을 작성한다.CREATE TABLE (id INT,name VARCHAR(50), age INT);이와 같이 테이블을 만들 때 id의 경우 Data Type 이 int, name의 경우는 Varchar 인 것이다. 따라서 Data Type 에러는 이 데이터 타입에 맞지 않게 코드를 작성했을 경우 발생하는 에러이다. 이 Data Type을 출력 결과에서 쉽게 확..

내일배움캠프 학습/SQL 2024. 10. 23. 18:26

1. User  Segmentation (유저 분할)1_1. 10세 이상, 30대 미만의 고객 나이와 성별로 그룹 나누기, 이름도 같이 출력여기서 키워드는1. 10세 이상, 30대 미만의 고객 특정2. 고객 나이와 성별로 그룹 분할로 들 수 있을 것이다. 코드SELECT case when (age between 10 and 19) and gender = 'male' then '10대 남성' when (age between 10 and 19) and gender = 'female' then '10대 여성' when (age between 20 and 29) and gender = 'male' then '20대 남성' when (age between 20 and 29) and gender = 'fema..

내일배움캠프 학습/SQL 2024. 10. 23. 18:17

1. IF문C/C++ 등 다른 언어와 마찬가지로 조건을 지정할 때 사용하는 키워드 이다.C/C++을 학습한 사람이라면 쉽게 이해 가능하겠지만, 사용 방식이 조금 다른데구조는 다음과 같다if(조건, 조건 충족 시, 충족x 시) 예시 코드select restaurant_name, cuisine_type "원래 음식 타입", if(cuisine_type='Korean', '한식', '기타') "음식 타입"from food_orders이 코드에서 if 문은 if(cuisine_type='Korean', '한식', '기타') "음식 타입"과 같이 사용되었다. if 문 안에 특정하고 싶은 조건, cuisine_type = 'Korean' 과조건에 부합할 경우에 해당하는 '한식',부합하지 않을 ..

내일배움캠프 학습/SQL 2024. 10. 23. 17:54

하노이 타워란?원반을 한 번에 하나씩 옮기면서 최종적으로 초기 상태를 유지한 채로 두 칸 옆의 기둥으로 옮기는 퍼즐이 퍼즐을 현실에서 푸는 동작은 사실 어렵지 않다.문제는 이 과정에서 재귀의 특성을 찾고, 그걸 프로그래밍적으로 해결하는 것이다. 크기가 큰 순서부터 3, 2, 1 이라고 할 때제일 먼저 해결해야 하는 것은 3 원반을 C로 옮기는 것. 다만 그렇게 하려니 2번과 1번을 B로 치워야 한다.2번과 1번 원반을 옮기면, 또 1번을 C로 옮겨야 한다.처음 이 문제를 보면서 프로그래밍적으로는 큰 문제를 해결하기 위해 작은 문제부터 해결하는 분할 정복(Divide/Conquer) 알고리즘을 사용해야 하나 싶었는데, 조금 다른 결의 풀이다. 내가 생각했던 이유로는 4개의 원판이 있다고 했을 때 3개를 먼..

프로그래밍 및 언어/자료구조 학습 2024. 10. 21. 02:21

재귀의 이해재귀란? 어떤 코드를 정의할 때 그 안에서 자기 자신을 참조하는 것을 말한다.흐름 상 반복문과 혼동하거나 호출 구조를 헷갈리기 쉬운데, 먼저 반복문은 한번 함수 호출 시 그 함수의 본문을 계속적으로 반복하는 코드 동작이라 별개의 방식이고호출 구조를 봤을 때 같은 자기 자신을 계속 호출하는 재진입의 구조로도 보이지만정확하게는 원본 함수를 한번 호출하고, 같은 함수의 복사본을 계속 생성해내는 Copy&Paste -> Call 의 과정이라고 보는 것이 정확하다.모든 코드 동작은 동작 시 컴퓨터에 메모리를 차지한다.이때 재귀함수의 메모리 호출 - 해제 순서는원본 - 복사본A - 복사본B - 복사본C ... 으로 소요됐을 경우... - 복사본C - 복사본B - 복사본A - 원본 순으로 역방향으로 메모리..

프로그래밍 및 언어/자료구조 학습 2024. 10. 20. 23:30