전체 글
follow your dream's
-
자바스크립트의 대표적인 조건문으로는 if와 switch가 있습니다! If문 if ( 조건 ) { 내용 } if문은 조건이 true일 때 내용이 실행됩니다! var a = 5; if (a < 6) { alert('6보다 작음'); // alert함수는 메시지를 띄웁니다. } 위 코드를 보면 a가 5로 선언되어 있고, if문 조건을 보면 a가 6보다 작으면 alert 창을 띄운다라고 명시되어 있는데, a가 6보다 작으므로 alert 창이 실행됩니다. if문은 else나 else if를 덧붙여 조건을 구체화시킬 수도 있습니다! if(조건){ 내용 } else if (조건) { 내용 } else { 내용 } if 조건문이 만약 false일 경우 else if 문으로 넘어가게 되고 else if 조건문이 만약 t..
javascript #5. 조건문자바스크립트의 대표적인 조건문으로는 if와 switch가 있습니다! If문 if ( 조건 ) { 내용 } if문은 조건이 true일 때 내용이 실행됩니다! var a = 5; if (a < 6) { alert('6보다 작음'); // alert함수는 메시지를 띄웁니다. } 위 코드를 보면 a가 5로 선언되어 있고, if문 조건을 보면 a가 6보다 작으면 alert 창을 띄운다라고 명시되어 있는데, a가 6보다 작으므로 alert 창이 실행됩니다. if문은 else나 else if를 덧붙여 조건을 구체화시킬 수도 있습니다! if(조건){ 내용 } else if (조건) { 내용 } else { 내용 } if 조건문이 만약 false일 경우 else if 문으로 넘어가게 되고 else if 조건문이 만약 t..
2023.01.27 -
아주 간단한 연산자만 빠르게 집고 넘어가겠습니다! 산술연산자 - 덧셈, 뺄셈, 곱셈, 나눗셈 - +, - , * , / 또는 % /는 나눈 값 전부 , %는 나누고 난 나머지 값 다른 언어에서는 /가 나눈 몫을 의미하는데 자바스크립트는 그냥 나누기이니까 헷갈리지 마세요!!@@ var a = 1 + 2; // 3 var b = 5 - 3; // 2 var c = 2 * 4; // 8 var d = 6 / 4; // 1.5 var e = 8 % 3; // 2 문자열연산자 - + 연산자 - 문자열을 더할 때 만약 문자열이 아닌 데이터가 존재한다면 문자열로 바꿔서 연결 var string = 'hello ' + 'world'; // 'hello world' var string2 = 'hi' + 9; // 'hi..
javascript #4. 연산자아주 간단한 연산자만 빠르게 집고 넘어가겠습니다! 산술연산자 - 덧셈, 뺄셈, 곱셈, 나눗셈 - +, - , * , / 또는 % /는 나눈 값 전부 , %는 나누고 난 나머지 값 다른 언어에서는 /가 나눈 몫을 의미하는데 자바스크립트는 그냥 나누기이니까 헷갈리지 마세요!!@@ var a = 1 + 2; // 3 var b = 5 - 3; // 2 var c = 2 * 4; // 8 var d = 6 / 4; // 1.5 var e = 8 % 3; // 2 문자열연산자 - + 연산자 - 문자열을 더할 때 만약 문자열이 아닌 데이터가 존재한다면 문자열로 바꿔서 연결 var string = 'hello ' + 'world'; // 'hello world' var string2 = 'hi' + 9; // 'hi..
2023.01.26 -
자바스크립트의 꽃은 함수라고 한다...!..... 오늘은 자바스크립트 꽃에 대해 설명해 보겠습니다. (요즘에는 ES6의 화살표 함수 구조가 더 많이 사용되는 걸로 알고 있는데, 일단 함수의 기본부터 설명해 보겠습니다!) 함수 (Function) 자바스크립트에서 함수는 function add(x) { var y = x + 1; return y; } var mul = function(x) { var y = x * 2; return y; }; 이런 구조로 선언할 수 있습니다. add 함수는 add라는 함수 안에 처리해 줄 값들을 설정해 주고, mul은 변수 mul을 선언한 후, 그 변수에 함수를 대입해 주는 방식으로 설정해 주었습니다. mul함수를 더 자세히 보자면! mul은 함수를 정의해 줄 함수의 이름, ..
javascript #3. 함수자바스크립트의 꽃은 함수라고 한다...!..... 오늘은 자바스크립트 꽃에 대해 설명해 보겠습니다. (요즘에는 ES6의 화살표 함수 구조가 더 많이 사용되는 걸로 알고 있는데, 일단 함수의 기본부터 설명해 보겠습니다!) 함수 (Function) 자바스크립트에서 함수는 function add(x) { var y = x + 1; return y; } var mul = function(x) { var y = x * 2; return y; }; 이런 구조로 선언할 수 있습니다. add 함수는 add라는 함수 안에 처리해 줄 값들을 설정해 주고, mul은 변수 mul을 선언한 후, 그 변수에 함수를 대입해 주는 방식으로 설정해 주었습니다. mul함수를 더 자세히 보자면! mul은 함수를 정의해 줄 함수의 이름, ..
2023.01.26 -
블로그를 시작하며~ 나는 현재 대학교 3학년을 마치고 4학년 1학기를 시작하기 전, 회사 인턴 생활을 하고있다.... 3년을 공부하면서 가장 흥미를 느꼈던 언어는 코틀린이었다. 그래서 난 안드로이드 앱 개발쪽을 생각하고 있었다. ㅇㅅㅇ 하지만 이번 인턴생활을 하면서 프론트엔드 개발쪽을 담당하였는데 왠 걸 리액트와 자바스크립트도 공부를 하면서 하나하나씩 배우다보니 재밌자나??! 재밌을걸? 아마도? ㅎ 내가 웹쪽에 흥미를 갖지 못했던 이유도 뭔가 시작하려고 하면 막막하기도 했었고,, 배웠던 언어가 나에게 잘 안맞는 느낌이라 딱히 웹은 어렵고 재미없는 분야라고 생각했달까 ㅋㅋㅋㅋㅋ 근데 자바스크립트를 먼저 차근차근 공부하고 , 리액트도 조금씩 익혀가고 하니까 내가 하나씩 풀어갈때마다 성취감과 보람을 느낀다ㅎㅎ..
나는 지금.. 코 아 지 경🙆블로그를 시작하며~ 나는 현재 대학교 3학년을 마치고 4학년 1학기를 시작하기 전, 회사 인턴 생활을 하고있다.... 3년을 공부하면서 가장 흥미를 느꼈던 언어는 코틀린이었다. 그래서 난 안드로이드 앱 개발쪽을 생각하고 있었다. ㅇㅅㅇ 하지만 이번 인턴생활을 하면서 프론트엔드 개발쪽을 담당하였는데 왠 걸 리액트와 자바스크립트도 공부를 하면서 하나하나씩 배우다보니 재밌자나??! 재밌을걸? 아마도? ㅎ 내가 웹쪽에 흥미를 갖지 못했던 이유도 뭔가 시작하려고 하면 막막하기도 했었고,, 배웠던 언어가 나에게 잘 안맞는 느낌이라 딱히 웹은 어렵고 재미없는 분야라고 생각했달까 ㅋㅋㅋㅋㅋ 근데 자바스크립트를 먼저 차근차근 공부하고 , 리액트도 조금씩 익혀가고 하니까 내가 하나씩 풀어갈때마다 성취감과 보람을 느낀다ㅎㅎ..
2023.01.26 -
오늘은 자바스크립트의 객체와 배열에 대해 간단히 알아보겠습니다! 1. 객체 원래 객체란? 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 가지고 있고 다른것과 식별 가능한 것 을 말하는데, 현실의 사물을 프로그래밍에 반영한 것을 말합니다!. var name = { firstName: 'Jisoo', lastName: 'Park' }; 자바스크립트로 객체를 만들어보면 위와 같이 name이라는 변수에 {}로 jisoo, park를 감쌌습니다. 이 덩어리가 바로 객체입니다!.! 이 코드에는 두 개의 속성이 있는데, 콤마로 구분되는 것들을 객체의 속성이라고 합니다! 속성에는 키(key)와 값(value)로 구분할 수 있는데, firstName과 lastName 같은 앞에 오는 변수들을 ..
javascript #2. 객체와 배열오늘은 자바스크립트의 객체와 배열에 대해 간단히 알아보겠습니다! 1. 객체 원래 객체란? 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 가지고 있고 다른것과 식별 가능한 것 을 말하는데, 현실의 사물을 프로그래밍에 반영한 것을 말합니다!. var name = { firstName: 'Jisoo', lastName: 'Park' }; 자바스크립트로 객체를 만들어보면 위와 같이 name이라는 변수에 {}로 jisoo, park를 감쌌습니다. 이 덩어리가 바로 객체입니다!.! 이 코드에는 두 개의 속성이 있는데, 콤마로 구분되는 것들을 객체의 속성이라고 합니다! 속성에는 키(key)와 값(value)로 구분할 수 있는데, firstName과 lastName 같은 앞에 오는 변수들을 ..
2023.01.26 -
자바스크립트가 대세라고 했던가... 대학 재학 4년째에 처음 자바스크립트를 접해봅니다ㅎㅎ.. 제로초로 공부하라고 추천을 받아서 제로초로 자바스크립트 기본기를 다졌습니다! 복습이나 할 겸 제로초를 보면서 다시 자바스크립트를 복습해봅시당! 1. 변수 (Variable) var은 변하는 수를 뜻합니다. =데이터가 변한다. 다른 언어들보면 int , float, char, double 등 다양하게 많은데 자바스크립트는 var로 변수를 선언합니다. (최근에는 const, let이 사용되는데 이건 ECMA Sricpt 편에서 말씀드리겠습니다!) ECMAScript (ES6) const, let 먼저 ECMAScript란 자바스크립트의 결점을 보완하기 위해 ECMA라는 단체에서 결점을 보완한 표준 자바스크립트입니다!..
javascript #1. 변수, 자료형자바스크립트가 대세라고 했던가... 대학 재학 4년째에 처음 자바스크립트를 접해봅니다ㅎㅎ.. 제로초로 공부하라고 추천을 받아서 제로초로 자바스크립트 기본기를 다졌습니다! 복습이나 할 겸 제로초를 보면서 다시 자바스크립트를 복습해봅시당! 1. 변수 (Variable) var은 변하는 수를 뜻합니다. =데이터가 변한다. 다른 언어들보면 int , float, char, double 등 다양하게 많은데 자바스크립트는 var로 변수를 선언합니다. (최근에는 const, let이 사용되는데 이건 ECMA Sricpt 편에서 말씀드리겠습니다!) ECMAScript (ES6) const, let 먼저 ECMAScript란 자바스크립트의 결점을 보완하기 위해 ECMA라는 단체에서 결점을 보완한 표준 자바스크립트입니다!..
2023.01.26