하루하루 개발하기

버퍼(buffer)- 메모리에 저장되는 일부의 공간이다.- 바이트 단위로 저장되며 integer 형태의 배열이다.더보기const buf = Buffer.from('Hi');console.log(buf);console.log(buf.length);console.log(buf[0]);console.log(buf[1]);console.log(buf.toString());const buf2 = Buffer.alloc(2);buf2[0] = 72;buf2[1] = 105;console.log(buf2.toString());// nodejs 를 메모리 버퍼에 문자열 사이즈 만큼 메모리를 할당하고 문자를 저장const buf3 = Buffer.from('nodejs');console.log(buf3[0]);conso..

동기, 비동기 더보기// 동기function func1(){ for(let i=0; i { console.log('2번 문장 실행'); }, 3000) console.log('3번 문장 실행');}timeout();  동기식 프로그램은 순차적으로 실행이 된다. 위 코드에서 보면 func3() -> func2() -> func1() 순으로 쌓이고 다시 func1() -> func2() -> func3() 순으로 나오게 된다.비동기식 프로그램은 동시다발적으로 실행이 된다. 결과를 보면 1 -> 3 -> 2 순으로 값이 나온 것을 볼 수 있다. 동기식과 비동기식의 차이는 순차적이냐 아니면 동시다발적인 것이다. 프로미스(Promise)- ..

Node.js- Node.js는 JavaScript 런타임 환경으로 서버 애플리케이션을 개발하는데 주로 사용된다.function더보기function sum(num1, num2){ console.log('sum() 호출!'); return num1 + num2;}const result = sum(10, 20);console.log(result);console.log('-----------------');// 함수의 메모리 주소 전달하는 방법 const add = sum;console.log(sum(10, 30));console.log(add(10, 30));console.log('-----------------');// 함수의 작성팁// 조건식이 있을..

정규표현식 - 문자열에서 특정 문자 조합을 찾기 위한 패턴이다. # 정규 표현식 표기방법 / 정규 표현식 패턴/ # test() 정규표현식에 대입한 문자열이 패턴에 적합하면 true, 적합하지 않으면 false를 리턴한다. - 정규표현식을 사용해서 회원가입 페이지를 만들어보기. 완성코드 더보기 HTML 파일 코드 회원가입 아이디: 비밀번호: 비밀번호 확인: 이름: 휴대폰번호: 이메일: 성별: 남자여자 주민등록번호: - 주민등록번호 검증 우편번호 우편번호 찾기 주소: 상세주소: 참고항목: 가입완료 다시작성 JavaScipt 파일 코드 isSsnCheck = false; window.onload = function(){ const ssn1 = document.getElementById('ssn1'); ssn..

객체 String 객체 length : 문자열의 길이를 반환한다. 더보기 String 객체 indexOf() : 특정 문자나 문자열이 처음 등장하는 위치를 인덱스로 반환한다. 더보기 String 객체 charAt() : 특정 문자열에서 전달받은 인덱스에 위치한 문자를 반환한다. 더보기 String 객체 includes() : 특정 문자열에서 전달 받은 문자열이 포함되어 있는지 여부를 반환한다. 더보기 String 객체 substring() : 전달 받은 시작 인덱스부터 종료 인덱스 직전까지의 문자열을 추출한다. 더보기 String 객체 replace() : 원본 문자열의 일부를 전달받은 문자열로 치환한다. 더보기 String 객체 split() : 구분자를 기준으로 나뉜 문자열을 하나의 배열에 저장한다...

제어문 조건문 if 문 # 사용 방법 if(조건식){ 조건식의 결과가 true일 때 실행할 문장; ... } -------------------------------------------- if(조건식){ 조건식의 결과가 true일 때 실행할 문장; ... }else{ 조건식의 결과가 false일 때 실행할 문장; } --------------------------------------------- if(조건식1){ 조건식1의 결과가 true일 때 실행할 문장; ... }else if(조건식2){ 조건식2의 결과가 true일 때 실행할 문장; ... }else{ 모든 조건식의 결과가 false일 때 실행할 문장; ... } 더보기 if 문 switch 문 # 사용 방법 switch(변수 또는 값) { c..

자바스크립트의 특징 - 객체 기반의 스크립트 언어로, 대소문자를 구별하고, 문장 끔에 ;(세미콜론)을 사용한다. ;(세미콜론)은 생략이 가능하다. 자바스크립트의 출력 - Web API Console을 통해 브라우저 Console 창에 출력한다. 자바스크립트의 삽입 방법 1. 2. 더보기 자바스크립트 출력 주석문 - // : 한 줄 주석 - /* 내용 */ : 여러 줄 주석 변수 - 데이터를 저장한 값을 가리키는 메모리 공간이다. - 값은 변경될 수 있다. - 자바스크립트의 변수는 타입이 없다. - let 키워드를 사용하여 변수를 선언한다. # 파이썬과 자바스크립트의 변수 선언 파이썬 name = "파이썬" 자바스크립트 let name = "자바스크립트"; (큰 따옴표("")와 작은 따옴표('')를 구별하..

이번에는 animation을 넣어보기로 했다. 고양이가 움직이는 모습을 넣고 싶었는데 이미지 찾기도 쉽지 않아서 만족스럽지는 못하다... 홈 페이지 화면 로그인 회원가입 김원진의 홈페이지 환영합니다! 스포츠 뉴스(축구) 즐겨찾기 이력서 출처

이번에는 웹 사이트 홈, 즐겨찾기, 이력서 페이지 모두 조금 건드려보았다. (로그인과 회원가입, 뉴스기사 페이지는 지난번에 했기 때문에 제외함) 예전 홈페이지 정말 아~~무것도 없다. 이번에 꾸민 홈페이지 로그인 회원가입 김원진의 홈페이지 환영합니다! 스포츠 뉴스(축구) 즐겨찾기 이력서 예전 즐겨찾기 페이지 여기도 휑하다... 이번에 꾸민 즐겨찾기 페이지 즐겨찾기 목록 인터넷강의 사이트 유튜브 웹툰 뒤로가기 어두운 느낌으로 해보고 싶어서 나름 열심히 만들어 봤지만... 디자인과는 안 친한 걸로.. 예전 이력서 페이지 여기는 그냥 배경만 좀 넣으려고 한다. 이력서 성명 김00 생년월일 1990.00.00 연락처(핸드폰) 010-0000-0000 e-mail kim0000@kim0000.com 현 주소 서울..

CSS 우선순위 - 동일한 속성을 적용할 경우 나중에 적용한 것이 우선된다. - 외부 스타일 시트와 내부 스타일 시트의 적용은 순서에 따라 나중에 적용한 것이 우선된다. - 내부, 외부, 인라인 스타일 시트 중 인라인을 우선 적용한다. -!important를 적용하면 가장 우선 적용된다. - 우선순위 계산 - inline: 1000점 - id: 100점 - class, 속성 선택자: 10점 - element: 1점 더보기 CSS 파일 코드 div { background-color: whitesmoke; } HTML 파일 코드 CSS 우선순위 div 1번 div 2번 div 3번 div 4번 div 5번 li 1번 div 6번 div 1번은 인라인 스타일을 가장 우선적으로 적용하기 때문에 aqua 색상이 ..