본문 바로가기

전체 글21

자바스크립트 배열 (JAVASCRIPT ARRAY) const color = ['red', 'blue', 'orange', 'yellow', 'green']; console.log(color[0]) // 배열의 0번째 인덱스를 콘솔에 띄워줌 // red color.length; // 배열의 요소 개수 알려줌 // 5 color[5] = 'apple'; // color = ['red', 'blue', 'orange', yellow', 'green', 'apple'] color.shift(); // 배열의 맨 처음 값을 제거해줌 //color = [blue', 'orange', yellow', 'green', 'apple'] color.unshift('red'); // 배열의 맨 앞에 'red'를 넣어줌 //color = ['red', 'blue', 'ora.. 2023. 4. 18.
자바스크립트 형 변환 (JAVASCRIPT ) 정수 또는 실수형 숫자로 변환할 때 Number('123'); -> 123 Number('123.4'); ->123.4 정수형태로 변환할 때 parseInt('1.23'); ->1 소수형태로 바꿀 때 parseFloat('12.3'); ->12.3 숫자를 문자열로 바꿀 때 String(123); ->'123' 숫자와 문자를 이어 문자열로 만들 때 12 + "3"; -> '123' prompt() : 문자열을 입력할 수 있는 팝업이 뜬다. parseInt(prompt()) 입력한 문자열을 숫자형으로 바꿔줌 이렇게 예시를 드는게 맞는지 모르겠네요 피드백 주시면 감사히 받겠습니다! 2023. 4. 18.
Modal Project modal project를 연습해봤다. 공부한 내용을 주석으로 작성했다. OPEN MODAL 클릭시 페이지 index.html main.js ✏️ Course created by John Smilga. Check out his YouTube channel: / codingaddict https://github.com/dancingcarrot/miniproject/tree/main/Modal 2023. 3. 30.
Blur Hover Effect javascript공부를 하면서 잊어가는 html/css감각을 되살리기 위해서 html/css 프로젝트도 연습해보았다. 코드연습을 손으로 하는게 습관이 돼서 블로그에 남기는게 어렵다.. 전부 종이에 작성한다.. 언제쯤 블로그나 기록을 남길 수 있는 곳에 작성하는 습관을 들일 수 있을까ㅜㅜ hover 후 결과 index.html style.css https://blog.bitsrc.io/40-html-css-projects-for-beginner-2021-5bd01ff62361 40 Web Development Projects For Beginners — HTML CSS 40 small projects for beginners to get up and running with HTML, CSS, and We.. 2023. 3. 30.
Color Flipper CLICK ME 버튼을 누르면 배경색이 바뀌는 프로젝트!! 공부하면서 주석 달아봤다. color flipper simple //simple 클릭시 index.html로 이동한다. hex //hex 클릭시 hex.html로 이동한다. background color : #f1f5f8 //배경색 설정 click me //click me 버튼 생성 index.html const colors = ["green", "red", "rgba(133,122,200)", "#f15025"]; //colors 변수에 색깔 배열 넣기 const btn = document.getElementById("btn"); // id "btn"에 접근하는 함수 const color = document.querySelector(".colo.. 2023. 3. 29.
[Java] 조건연산자 (삼항연산자) / 예제 1. 조건 연산자(삼항 연산자) - 조건 연산자("? : ")의 의미 삼항 연산자로 자바언어에서 반복적인 if ~ else 문의 구조를 간단히 표현하는데 사용한다. - 조건 연산자의 형식 a ? b : c ; a가 참이면 b의 결과 값을 가지고 a가 거짓이면 c의 결과값을 가진다. ex) 1. if 조건문을 사용한 경우 int max; if( x>y) max=x;//true인 경우 else max=y;//flase인 경우 1-1. 조건 연산자를 사용한 경우 int max = (x>y) ? x: y; 1. TriOperTest01.java public class TriOperTest01{ public static void main(String[] args){ int x=100, y=200; int max .. 2023. 3. 9.