JIN_CODER

slice(s,e) s는 시작인덱스, e는 끝 인덱스(e는 포함 안댐 e-1까지 자름) 첫번째 인자로 넘어온 시작 인덱스가 가리키는 값은 포함 두번째 인자로 넘어온 종료 인덱스가 가리키는 값은 포함하지 않는다. 두번째 인자를 넘기지 않으면, 시작 인덱스가 가리키는 값부터 배열의 마지막 값까지 모두 복사 let a = [0,1,2,3,4,5,6,7,8,9] console.log(a.slice(0, 5)) // [0,1,2,3,4] console.log(a.slice(7)) // [7,8,9] 자바스크립트 배열의 slice()와 splice() 함수 Engineering Blog by Dale Seo www.daleseo.com 정규식 replace() 사용시 원하는 값을 찾아서 바꿔주지만, 문자열이나 배열..

API와 JWT API(Application Programing Interface) 사전적 의미 - API : 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. - 인터페이스 : 컴퓨터 시스템끼리 정보를 교한하는 공유 경계를 의미, 어떤 기계간의 장치끼리 정보를 교환하기 위한 수단이나, 방법을 의미 풀어서 보면 API는 어떠한 응용프로그램에서 데이터를 주고 받기 위한 방법을 의미 어떤 특정 사이트에서 특정 데이터를 공유할 경우 어떠한 방식으로 정보를 요청해야 하는지, 그리고 어떠한 데이터를 제공 받을 수 있을지에 대한 규격들을 API라고 하는것 API는 점원과 같은 역할 API는 손님(프로그램)이 주문할 수 있게 메뉴(명령 목록..

filter 특정 조건을 만족하는 새로운 배열을 만들때 사용 const numbers = [1, 2, 3, 4, 5]; const result = numbers.filter(number => number > 3); console.log(numbers); // [1, 2, 3, 4, 5]; console.log(result); // [4, 5] // for문을 이용 for (i = 0; i 3) { result.push(numbers[i]); } } console.log(result); // [4, 5] filter(요소 값, index, 순회하는 대상 객체) Boolean 값인 true 또는 false 값을 반환하는 함수를 등록 ..

오늘은 알고리즘 주차에 들어와서 문제를 푸는데 다른사람들의 풀이를 보면서 map()함수를 많이 보았다 for문 처럼 배열 안에서 i가 돌면서 배열을 지나가듯이 map()는 for문을 사요하지 않고도 배열의 요소들을 하나씩 돌면서 실행 되는 함수이다 map() 함수는 모든 배열의 값에 Function을 실행하는 Method https://mjn5027.tistory.com/80 [ JavaScript ] 자바스크립트 map( ) 함수 값을 여러개 가지고 있는 배열에서 모든 값을 꺼내고자 할 때, 꺼내는 방법은 정말 다양하게 알려져 있다. 이번 포스팅에선 이러한 배열에서 값 꺼내는 방법 중 map( ) 을 다뤄보도록 하자. 아래와 mjn5027.tistory.com 요소의 인덱스를 사용하면 for문이 좋으나..

2022.05.06 회원가입 페이지 제작시 정보 유효성 검사 function check(){ let checkid = /^[a-zA-Z0-9]{4,12}$/; let checkpw = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{4,20}$/; let checkname = /^[가-힝a-zA-Z]{2,}$/; let checkemail = /[0-9a-zA-Z-_.]/; if (idval.val() == "") { // alert("아이디 입력바람"); idval.focus(); $(".idError").text(" 아이디 입력바람") return false; } else { $(".idError").text("") } if (!checkid.test(idval.val())) { // ..

2022.05.03 사진 파일 업로드 하는 방법 / 미리보기(사진 띄우기) 로 사진, 오디오, 비디오 등을 올릴 수 있다 accept="img/*" 로 이미지 파일만 선택 가능(오디오 비디오도 마찬가지) multiple 은 여러 파일 선택 가능하게 해줌 보통 input 태그에 css 적용이 힘들어서 과 함께 사용한다 input은 display:'none'을 입히고 버튼 클릭시 input이 클릭 되게 연동해서 UI를 이쁘게 사용 많이 함 사진업로드 그럼 버튼을 누르면 숨겨진 input이 클릭 되어 파일 선택창이 열리게 되고 그림 파일을 선택하면 input이 체인지 되어 upload 함수가 실행됨 input에 담긴 파일의 정보는 배열과 딕셔러니 형식으로 담기게 됨. .files[0] 로 파일의 정보를 가져온..

2022/05/02 네이버 지도를 사용하기 위해선 네이버에서 제공해 주는 API를 이용하면 된다. 유료 서비스지만, 기준 사용량을 넘어야 결제 되는 것이라 사실상 무료라고 볼수 있다.(개인사용자 기준) 먼저 네이버 클라우드 플렛폼에 회원가입과 결제수단을 등록 한다. 네이버 클라우드 플랫폼의 서비스에서 Maps 이용신청하기 Naver cloud platfrom console 페이지에서 Application 등록을 눌러서 Maps를 추가한다 일반적이고 가장 많이 쓰이는 WEB DYNAMIC MAP을 선택 지도를 구현할 사이트의 주소를 입력 하고(http// 포로토콜도 함께) 등록이 됬다면 인증정보에서 Client ID를 복사 해준다. https://navermaps.github.io/maps.js.ncp/ ..

2022.05.01 바탕화면에 폴더 몇개 만들어서 강의를 보면서 코딩을 하다가 바탕화면 정리를 해야겠다 해서 코딩 폴더를 만들고 코딩 파일이 들어있던 기존 폴더를 이동하였다 그후 다시 파일을 실해 시키니 이런식으로 경로를 찾을 수 없다는 오류가 발생함 일단 패키치 설치 할때 들어갔던 setting에 들어가 Interpreter에서 경로를 살펴보면 오류를 확인 할수 있음 나만의 해결방법 1. venv 폴더를 삭제 2. 뉴 프로젝트로 다시 폴더 설정(venv 다시깔기) 3. 사용했던 패키치 재설치 끝

2022.04.30 함수가 실행되고 나서 페이지를 새로고침 해주는 함수 window.location.reload() function deleteStar(name) { alert("hi") window.location.reload(); } // hi 경고창을 띄워주고 새로고침됨

2022.04.29 간단하게 python flask로 로컬 서버를 열고 html에 데이터를 입력하면 post 요청으로 받아 db에 저장하고 db에 저장된 데이터들을 get요청으로 클라이언트에게 출력해 보여주는 기능 기본적인 API Ajax 코드 # GET 요청 API코드 @app.route('/test', methods=['GET']) def test_get(): title_receive = request.args.get('title_give') print(title_receive) return jsonify({'result':'success', 'msg': '이 요청은 GET!'}) # POST 요청 API코드 @app.route('/test', methods=['POST']) def test_post..