무정하지 않게 살기

함수란? 함수는 ‘호출될 수 있는 코드 조각’입니다. 변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터 대신 사용할 수 있는 것처럼, 함수를 선언하면 함수의 이름을 코드 조각 대신 사용할 수 있습니다. 함수 만드는 방법 함수를 만드는 두 가지 방법이 있습니다. 1. 함수 선언식 2. 함수 표현식 위 방법들을 차례대로 알아볼게요. 함수 선언식 함수 선언식은 다음과 같은 형태를 가집니다. function 을 사용하면 선언과 같은 의미가 됩니다. 선언 이후에 함수명은 중괄호 안의 기능 대신 사용될 수 있습니다. function sayHello(){ console.log("안녕!") } sayHello() 함수 표현식 함수 표현식은 다음과 같은 형태를 가집니다. 즉, 이름 없는 선언식에 나중에 이름을 붙여..

http://www.munhwa.com/news/view.html?no=2022010301032712000003 상자 놀이 - 김보나 ■ 시내 방엔 뜯지 않은 택배가여러 개 있다심심해지면상자를 하나씩 열어 본다오래 기다린 상자는갑자기 쏟.. www.munhwa.com 상자 놀이, 김보나 내 방엔 뜯지 않은 택배가 여러 개 있다 심심해지면 상자를 하나씩 열어 본다 오래 기다린 상자는 갑자기 쏟아지는 풍경에 깜짝 놀라거나 눈을 떴다고 생각할지도 모른다 그건 착각이야 세게는 누군가 눈을 뜨기 전에 먼저 빛으로 눈꺼풀을 틀어막지 나는 상자가 간직한 것을 꺼내며 즐거워한다 울 니트의 시절은 지났고 이 세제는 필요하다 새로 산 화분을 꺼내 덩굴을 옮겨 심으면 내 손은 순식간에 흙투성이가 된다 그래도 돼 뮤렌베키아 ..

조건문의 요소 조건문을 구성하는 세 가지 요소 : 초기식, 조건식, 반복식 입니다. 1. 초기식 : 반복 조건의 초기화 작업 2. 조건식 : 불리언을 반환하거나 불리언으로 해석될 수 있는 표현식 3. 반복식 : 반복이 한 번 끝날 때마다 실행될 작업 반복문은 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문입니다. 대표적인 반복문은 다음 두 가지이며, 두 반복문은 구조 및 동작방식에서 차이가 있습니다. ● while문 ● for문 반복문 while문 먼저 while문을 확인해봅니다. 키워드 while을 이용해 만드는 구문 while문은 ‘주어진 조건이 참일 동안에 구문을 반복하는’ 반복문입니다. while문의 기본 형태는 다음과 같습니다. while(조건){ // 조건이 true 일 동안에 반복해서..

자바스크립트는 주어진 두 항을 비교할 수 있는 ‘비교 연산자’를 제공합니다. 자바스크립트에서는 대소 비교와 등가 비교 두 가지의 유형을 볼 수 있습니다. 대소 비교 비교 연산식은 언제나 boolean 데이터를 반환합니다. 크냐 작냐를 비교하는 대소 비교, 같냐 다르냐를 비교하는 등가 비교는 모두 하나의 질문이며, 질문에 대한 답이 참(true) 또는 거짓(false)입니다. 예를 들어 3이 5보다 작은지 -> true 6과 6이 다른지 -> false 등가 비교 등가 비교는 다음 네 가지 연산자를 사용해 처리할 수 있습니다. 등호(이퀄 사인, =) 하나는 대입연산자이므로, 기호 개수를 잘 확인해야 합니다. 등가 비교를 할 때, 등호(=)의 개수에 따라 비교 규칙에 차이를 보입니다. == 는 ‘추상적(ab..

http://www.munhwa.com/news/view.html?no=2022010301032812000001 퍼레이드를 기다리는 시간 - 유영은 ■ 단편소설주말에 디즈니랜드의 퍼레이드에서 조안의 영혼을 본 것 같다고 말했더니, 엄마가 너는 거기까지.. www.munhwa.com 더보기 주말에 디즈니랜드의 퍼레이드에서 조안의 영혼을 본 것 같다고 말했더니, 엄마가 너는 거기까지 가서 술을 얼마나 퍼마신 거냐고 물었다. 미키 귀가 달린 귀여운 컵에 생맥주를 팔길래 딱 한 잔만 마셨다고 하니 주정뱅이 말은 아무도 믿지 않는다는 핀잔이 돌아왔다. 너희 언니가 리지랑 있을 때는 절대 마시지 말라고 하지 않았니? 언니가 리지랑 있을 때만은 하지 말아 달라고 당부한 사항은 음주 외에도 많았다. 욕하지 마라, 에이..

자바 스크립트의 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다. 1. window.alert() 메소드 window alert() 메소드는 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법 입니다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍니다. alert() 메소드는 콘솔을 학습할 때 같이 확인했었습니다. https://blue-dot.tistory.com/137 자바 스크립트(js) 입문 공부 1. 자바 스크립트, 콘솔이란? 자바 스크립트(js)란? 자바 스크립트는 로직을 구현할 수 있는 프로그래밍 언어입니다. 자바 스크립트는 서버..

연산이란 ‘식이 나타낸 일정한 규칙에 따라 계산함’을 뜻합니다. 사용자는 자바스크립트 코드를 통해 연산을 처리하는 식을 만들 수 있고, 여기에 사용하는 기호를 ‘연산자’라고 합니다. 기존에 자바 스크립트 공부 시 작성한 내용을 참고하면 좋을 것 같습니다. https://blue-dot.tistory.com/43 자바 기초 공부 일지 6. 기본 연산자 ● 산술 연산자 사칙연산을 다루는 연산자로, 두 개의 피연산자를 가지는 이항 연산자입니다. 우선순위대로 먼저 적용을 하고 그 뒤에 결합방향대로 연산을 합니다. 결합방향 : 어느 방향으로 blue-dot.tistory.com 여기에서 사용해 볼 연산(과 연산자)은 두 가지 입니다. 바로 산술 연산 , 대입 연산입니다. 산술연산 산술 연산은 일반 사칙 연산과 유..

변수 데이터에 붙이는 이름표이며, 변수를 이용하면 이름표를 붙여 둔 데이터를 기억해두었다가 필요할 때마다 재사용할 수 있습니다. 변수 만드는 방법은 다음과 같습니다. let 변수 이름 = 데이터; 키워드 let은 변수를 만들겠다는 의미로 사용 됩니다. 변수가 생성되고 나면 변수를 지정된 데이터 대신에 사용할 수 있게 됩니다. 이렇게 변수를 만드는 작업을 '변수의 선언' 이라고 부릅니다. 만들어진 변수를 첫 데이터에 지정하는 작업을 '변수의 초기화' 라고 합니다. 두 과정은 동시에 진행하거나 따로 진행할 수 있습니다. let 변수 이름; // 변수 선언 변수이름 = 데이터; // 변수 초기화 변수는 데이터를 기억하기 위해 사용하는데, 한 번에 하나의 데이터만 기억할 수 있으며 기억하고 있는 값을 바꿔가며 ..

자바 스크립트(js)란? 자바 스크립트는 로직을 구현할 수 있는 프로그래밍 언어입니다. 자바 스크립트는 서버 개발, 어플리케이션 개발 등 다양한 목적을 위해 사용할 수 있지만 주된 목적은 웹 개발(인터넷을 통해 서비스되는 웹 사이트를 개발하는 것) 입니다. css와 html으로 구성을 마치면 그 속에 이루어지는 동작을 자바 스크립트js가 조작합니다. 작성하는 방법 자바 스크립트를 작성하는 방법은 두 가지 입니다. 하나는 HTML 문서 내부에 작성을 하는 방법과 또 하나는 자바 스크립트 파일을 만들고, 그 안에 작성한 코드를 HTML 문서에 연결하는 것입니다. 자바 스크립트의 파일 확장자는 *.js 입니다. 필요한 태그는 입니다. css 는 일반적으로 head 의 하단에 삽입된다면, js 이렇게 src를 ..

grid layout 그리드 레이아웃 그리드 레이아웃이란 이름 그대로 격자 형태의 레이아웃을 만드는 2차원 레이아웃 방식을 말합니다. 그리드 레이아웃 방식에서, 그리드 아이템의 배치와 정렬은 그리드 컨테이너 내부의 행과 열의 상호작용을 통해 결정됩니다. 그리드 컨테이너 : 그리드 방식으로 레이아웃을 결정할 요소 그리드 아이템 : 그리드 컨테이너 내부에서 그리드 방식으로 배치되는 요소 display: grid; 그리드 영역은 모두 블록 컨테이너 배치가 기본 값이지만 인라인으로도 넣을 수 있습니다. display: inline-grid; 1 2 3 4 5 500px짜리의 그리드가 만들어지고 그 안에 columns(열) 의 공간이 200px 200px 차지하도록 만듭니다. 두 개의 200px 씩 지정된 열들이..