언어 108

input range 커스텀

input range를 커스텀 하려고 한다.인풋 버튼이 인풋 밖으로 튀어나오지 않으면 css만으로도 가능하지만여차저차해서 테스트로 만들어봤다. 이미지 보통  .range_fill 인풋 색깔 채워주기 위해 만들었다. .state_image { transition: .2s all; background: salmon; width: 40px; height: 40px; text-indent: 100%; white-space: nowrap; overflow: hidden;}.emotion_state.bad .state_image {background: skyblue;}.emotion_state.good .state_i..

언어/JavaScript 2024.06.24

[자바스크립트 딥다이브] 8장 제어문

제어문 1. 블록문 { var foo = 10; } : 0개 이상의 문을 중괄호로 묶은 것. 2. 조건문 : 불리언 값으로 평가될 수 있는 표현식 (if … else문 , switch 문) if … else 문 : 단순한 값이면 상항연산자 사용하는 것이 좋음. : 만약 if문의 조건식이 불리언 값이 아닌 값으로 평가되면 js 엔진에 의해 암묵적으로 불리언 값으로 강제 변환 switch문 : 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case문 : if … else 문은 논리적 참, 거짓으로 실행할 코드블록을 결정한다면 switch문은 다양한 상환(case)에 따라 실행할 코드블록을 결정할 때 사용. var month = 11; var monthName; switch(month) { case..

언어/JavaScript 2024.04.02

[자바스크립트 딥다이브] 7장 연산자

연산자 표현식을 대상으로 산술, 비교 등을 수행해 하나의 값을 만듦. 이 때 연산의 대상을 피연산자라 함. 피연산자는 값으로 평가될 수 있는 표현식 1. 산술 연산자 : 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자값을 만듦. 산술이 불가능한 경우 NaN을 반환 이항 산술 연산자 : 어떤 산술 연산을 해도 피연산자의 값이 바뀌는 경우는 없고 언제나 새로운 값을 만든다. 5 + 2; 5 - 2; 5 * 2; 5 / 2; 5 % 2; 단항 산술 연산자 : 1개의 피연산자를 산술 연산하여 숫자 값을 만듦. ++, -- → 피연산자의 값을 변경하는 부수 효과가 있음. (위치에 따라 의미가 다름) +, - → 부수효과 없음. var x = 5, result; result = x++; console.log(..

언어/JavaScript 2024.04.01

[자바스크립트 딥다이브] 5장 표현식과 문, 6장 데이터 타입

5장 표현식과 문 1. 값 표현식이 평가되어 생성된 결과 평가: 식을 해석해서 값을 생성하거나 참조하는 것을 의미 10 + 20 //30 //10 + 20 은 평가되어 숫자 값 30을 생성 2. 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 //숫자 리터럴 3 3 리터럴은 문자(숫자, 알바벳, 한글 등) 또는 기호(’’, “”, // 등) 로 표기한 코드 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성 즉, 리터럴은 값을 생성하기 위해 미리 약속된 표기법 숫자 리터럴 3을 코드에 기술하면 자바스크립트 엔진은 이를 평가해 숫자 값 3을 생성한다. 3. 표현식 표현식은 값으로 평가될 수 있는 문. 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조 리터럴..

언어/JavaScript 2024.03.29

[코딩자율학습] 20일차 드디어 끝 그리고 후기 / 나도코딩의 C언어 입문

드디어 끝!!! 20일차 분량은 파일입출력 마무리와 셀프체크 프로그램이다. 파일 입출력 정리는 전에 했고 셀프체크 프로그램은 천천히 만들어보려해 후기 먼저 남긴다. 나는 어쩌다가 코딩 자율학습단 모집을 봐서 시작하게 되었다. 사실 내가 공부하고 있는 언어가 아니라서 학습을 하면서도 내가 지금 이거를 공부하고 있는게 맞을까? 생각이 많이 들었지만 그래도 시작한 이상 끝을 보자 하고 1달동안 참여하게 되었다. 책 두께가 보통정도는 됐는데 그래도 하루에 정해진 공부할 양이 생각보다 많지 않아서 끝낼 수 있었던 것 같다. 📌 코딩자율학습단 나도코딩 C언어 입문 후기 1. 매일 공부하는 습관이 생긴다. 코딩자율학습으로 공부하기 전에는 거의 주말에 공부를 하거나 평일에도 하루 이틀 정도만 학습하는데 시간을 할애했던..

언어/C 2024.03.28

[코딩자율학습] 19일차 프로젝트 비밀 일기 프로그램

#define _CRT_SECURE_NO_WARNINGS #include #include #include #define MAX 10000 //매크로 정의 int main(void) { char password[20]; //입력받은 비밀번호 저장 배열 선언 char c; // 입력받은 비밀번호 확인용(마스킹 효과) int i = 0; //password 배열의 인덱스용 변수 char line[MAX];//파일에서 읽어 온 내용 저장 char contents[MAX] = "";// 일기장에 입력한 내용 저장 (빈값으로 초기화) printf("비밀 일기에 오신 것을 환영합니다.\n"); //안내 문구 printf("비밀번호를 입력하세요.(최대 20자리)"); while (1) { //비밀번호 입력받기 c = ..

언어/C 2024.03.28

[코딩자율학습] 18일차 파일입출력

fputs() 함수로 파일 쓰기 FILE * 포인터명 = fopen(파일명, 파일모드); 파일에서 데이터를 읽고 쓸 때는 먼저 fopen()함수로 파일을 열어서 파일 포인터를 얻어야함. 파일포인터는 fopen()함수를 통해 무슨 파일을 열었는지, 어디까지 읽었는지 등의 정보를 담음. ** 텍스트는 사람이 읽을 수 있는 문자열 바이너리 데이터는 컴퓨터가 읽을 수 있는 0과 1로 된 데이터 //형식 fputs(문자열, 파일포인터) (파일 생성) #define _CRT_SECURE_NO_WARNINGS #include int main(void) { FILE* file = fopen("C:\\\\Users\\\\홍시\\\\Desktop\\\\test1.txt", "wb"); if (file == NULL) { ..

언어/C 2024.03.27

[자바스크립트 딥다이브] 4장 변수

3장은 실행 방법이어서 점프했다. 4장 변수 10 + 20 사람은 계산과 기억을 모두 두뇌에서 하지만 컴퓨터는 연산과 기억을 수행하는 부품이 나뉘어져 있다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. (컴퓨터 10 + 20 계산) 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체. 메모리 셀하나 크기는 1바이트(8비트) 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽는다. 각 셀은 고유의 메모리 주소를 갖는다. 이 주소는 메모리 공간의 위치를 나타냄. 예제의 10과 20은 메모리 상의 임의의 위치(메모리 주소)에 기억(저장)되고 CPU는 이 값을 읽어 들여 연산을 수행. 결과 값인 30도 메모리 상의 임의의 위치에 저장된다. (편의상 10진수로 표현..

언어/JavaScript 2024.03.26

[코딩자율학습] 17일차 너 내 도도독 집사가 되어라

(전체코드) #include #include #include typedef struct { //고양이 정보를 담은 구조체 정의 char* name; int age; char* character; int level; //level 5가 키우기 제일 어려움 } CAT; CAT cats[5]; // 큰 상자에 있는 고양이 목록을 배열로 선언 int collection[5] = { 0, 0, 0, 0, 0 }; //고양이 있으면 1 없으면 0 void initCats(); //고양이 정보 초기화 함수 선언 void printCat(int selected); //뽑은 고양이 정보 출력 함수 선언 int checkCollection(); //모든 고양이 확인 함수 선언 int main(void) { srand(ti..

언어/C 2024.03.26