본문 바로가기

프론트엔드18

[mongoDB] 맥북 빅서(big sur)에서 mongoDB 설치, 설정하기. 맥은 무슨 프로그램 하나 깔아서 실행할 때 마다 이렇게 고생을 하냐!!!! 제목에 빅서(big sur)라고 적은 이유는 Mac OS가 계속 계속 업데이트가 되어가면서 권한 설정이 변화가 되면서 맥 카탈리나(Catalina 10.15이상)은 적용이 안되기 때문이다. 지금부터 시작해보자. 1. mongoDB 다운받기 www.mongodb.com/ The most popular database for modern apps We're the creators of MongoDB, the most popular database for modern apps, and MongoDB Atlas, the global cloud database on AWS, Azure, and GCP. Easily organize, use.. 2021. 3. 1.
[JavaScript] forEach문 도대체 이 녀석은 뭘까 ? 앞의 포스팅(https://meanbymin.tistory.com/46)에서 foreach문을 아주 간단히 설명했다. 허나 나도 제대로 이해를 못하고 정리를 했던 것 같아 다시 한 번 더 정리하고자 이 글을 포스팅한다. 나는 제대로 이해 못했어. 앞에서 말했던 forEach문은 arr.forEach(function(i){ // callback 함수 console.log(i); }) 이렇게만 설명을 했었다. 그렇다면 언제쓰이고 왜 사용하는지 알아보자. 1. 왜 사용할까? 우리는 주로 for문을 많이 사용한다. for문의 사용 빈도수는 굉장히 높다. 포문돌려야지 포문돌려야지~ 하는데 이 녀석 생각보다 조건식도 적어야하고 실행문도 적어야하고 귀찮다.. for(let i=0; i { console.log(i);.. 2021. 1. 15.
[JavaScript] 변수의 범위 변수의 범위 자바스크립트에서 객체나 배열, 함수는 모두 변수이다. 변수의 범위란 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미합니다. 값이 언제든지 변할 수 있으면 변수이다. 1. 지역 변수 함수 내에서 선언된 변수를 가리킵니다. 지역 변수는 변수가 선언된 함수 내에서만 유효하며, 함수가 종료되면 자동으로 메모리에서 사라집니다. 지역 변수는 함수 안에서 가장 먼저 선언해줘야한다. function fun1(start, end){ // 지역변수 start, end, sum, i let sum = 0; for(let i=start; i 2021. 1. 9.
[HTML] onclick 링크 (현재페이지/새창/팝업/프레임) 1. 현재페이지에 부를때 button 2. 새 창에 열때 button 3. 팝업으로 열기 (주소,팝업창이름,옵션) button 4. 상위 프레임에 부를때 button 5. 프레임 지정 링크 button 2021. 1. 1.
[JavaScript] 자바스크립트 배열 배열(Array) 자바스크립트에서 배열을 이름과 인덱스로 참조되는 정렬된 값의 집합입니다. 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 합니다. 배열을 만드는 방법 1 배열 선언 let 배열이름; 배열의 초기화 배열이름 = [요소1, 요소2, 요소3 ...]; // 참조 변수라고도 불린다. heap에 저장되어있는 요소들의 주소지를 불러와 참조하기 때문이다. heap저장소는 이 포스팅을 참고하자 (https://meanbymin.tistory.com/32) 포스팅 마지막에 적어놓았다. let arr; arr = [100, 200, 300, 400]; arr[0] = 100 arr[1] = 200 배열을 만드는 방법 2 let 배열이름 = new Array(.. 2020. 12. 24.
[JavaScript] 자바스크립트 반복문 while문, do ~ while문, for문, continue, break, 중첩반복문 제어문 제어문에는 조건문과 반복문 2가지의 종류가 있다. 2.반복문 프로그램 내에서 같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다. 1) while문 특정 조건식을 만족하는 동안 계속해서 주어진 실행문을 반복합니다. while(조건식){ 조건식의 결과가 참인 동안 반복될 실행문; 거짓으로 변경할 실행문; } while문에서 중괄호가 없으면 조건식이 계속 true가 되기때문에 무한 실행을해버린다. 그렇기때문에 조건식을 거짓으로 변경할 실행문;까지 들어가야하므로 중괄호가 필수이다. let i = 1; while(i 3){ console.log(`i : ${i++}`); } // false라서 돌지 않는다. do{ console.log(`j : ${j++}`); }while(j > 3);.. 2020. 12. 21.
[JavaScript] Math.random() 함수 Math.random() 랜덤 값(난수)를 생성하기 위한 함수입니다. const random = Math.random() : 0 ~ 1 까지의 실수값을 반환합니다. Math.random을 정수로 만들기 let random = Math.random(); console.log(random); // 0.4651739512038373 //random * 10 // 4.651739512038373 // 1 ~ 10이 나오고 싶다면 let result = Math.floor(random * 10) + 1; // floor(버림), ceil(올림), round(반올림) console.log(result); //5 출력값이 나온다. 위 코드블럭을 보면 Math.floor라는 메소드를 많이 사용한다. Math.floor.. 2020. 12. 21.
[JavaScript] 자바스크립트 제어문, 조건문, if문, switch문 제어문 제어문에는 조건문과 반복문 2가지의 종류가 있다. 1.조건문 프로그램 내에서 주어진 조건문의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. if문 switch문 1) if문 👈🏻 if로 시작한다고 해서 if문이다 조건식이 있기때문에 무조건 결과는 true / false 가 나와야한다. 범위에 대한 조건을 줄 때 유리합니다.(어디서부터 ~ 어디까지) 1. if문 if(조건식){ 조건식의 결과가 참(ture)일 때 실행할 문장; } ❓허나 꼭 중괄호{}가 필요한 것은아니다. if(조건식) 실행할문장; if문의 조건에 맞으면 그 다음 문장(한 문장)을 무조건 실행시켜주기때문이다. 중괄호{}를 사용하는 이유는 실행할 문장이 여러줄일 경우에는 중괄호를 써야한다. if(조건문); 세미콜론을 여.. 2020. 12. 20.
[JavaScript] 자바스크립트 대화상자 (prompt, alert, confirm) 자바스크립트의 대화상자 window.alert( ) : 사용자에게 메시지를 보여주고, 확인을 기다린다. alert( ) 👈🏻 window는 생략 가능하다 alert window.confirm( ) : 사용자에게 메세지를 보여주고, 확인이나 취소를 누르면 그 결과를 불린값으로 반환한다. ok를 눌리면 true no를 눌리면 false로 반환된다. confirm( ) 👈🏻 window는 생략가능하다 const result = confirm('확인 또는 취소를 눌려주세요.'); console.log(result); confirm window.prompt( ) : 사용자에게 메세지를 보여주고, 사용자가 입력한 문자열을 반환한다. prompt( ) 👈🏻 window는 생략가능하다 const name = promp.. 2020. 12. 18.