본문 바로가기

전체 글105

[TIL] 2022년 11월 18일 회고록 오늘 정말 정신 없었다. 아침부터 차 사고가 났다... 도보에서 나오던 트럭이 나를 못보고 들이 박았다.... 다행히 내가 안다쳤고 차도 크게 손상된게 아니었고 아침에 일찍 출발해서 많이 늦지 않았지만 그래도 첫 사고라 너무 놀랐다. 계속 손 떨리고 발제시간에 집중도 안돼서 혼났다. 그래도 잘 정신 차리고 팀원들과 회의를 통해 아래와 같은 프레임워크를 짤 수 있었다. 하지만 회의 후에 바로 렌트카 업체의 연락과 카센터의 연락과 토익시험이 있어서 진행이 어려웠다. 현재 시험보고 온 후 간단하게 TIL을 쓰고 이제 멀티미디어 학회 학술대회로 인해.. 레이는 처음 몰아보는데 별 일 없길 기도해본다. 2022. 11. 18.
[자바스크립트] javascript sort() 메소드 사용방법 1. sort() 메소드란? Array.prototype.sort() sort()는 배열에서 사용하는 메소드이다. 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 일반적인 다른 언어의 sort()함수와는 다르게 자바스크립트는 원소들을 문자열로 만든 뒤 유니코드 값을 기준으로 정렬하기 때문에 sort()함수만 사용한다면 우리가 원하는 정렬이 나오지 않는다. 2. sort() 구문 arr.sort([compareFunction]) sort()의 구문은 다음과 같다. compareFunction을 생략하게 되면 각 요소를 문자열로 변환해 비교한다. 따라서 compareFunction을 생략하면 정렬은 다음과 같이 이루어진다. let arr = [1, 6, 4, 3, 100]; console.log.. 2022. 11. 17.
[특강] 자바스크립트 SPA(Single Page Application) 1. 웹 트렌드 ~1990년대 중반 : 정적 웹 페이지(Static Sites) 사용자가 특정 사이트에 접속(요청)하게 되면 서버에 이미 잘 만들어져서 배포되어 있는 HTML 문서를 서버에서 받아와 보여주는 형식이다. 정적 페이지이기 때문에 페이지 내의 다른 링크를 클릭하게 되면 다시 서버에서 해당 HTML 파일을 받아와 페이지 전체가 업데이트 되어야 하기 때문에 사이트가 뚝뚝 끊기는 느낌이 들고 사용성이 떨어진다. 1996년 ifram 태그 도입 문서 내에 또 다른 문서를 담을 수 있는 ifram 태그가 도입이 되어 이 때부터는 페이지 내에서 부분적으로 문서를 받아와 업데이트 할 수 있게 되었다. 1998년 XMLHttpRequest fetch API의 원조 XMLHttpRequest API가 개발되어.. 2022. 11. 16.
[특강] 데이터베이스의 이해 기초 1. 데이터베이스란? 2. 데이터베이스 관리 시스템이란? 3. 관계형 데이터베이스란? 4. 비관계형 데이터베이스란? 5. SQL VS NoSQL 1. 데이터베이스란? 좁은 의미의 데이터베이스는 데이터의 나열일 뿐, 이를 제어할 수 있게 해주는 프로그램이 필요하다. 데이터베이스는 구조화된 정보 또는 데이터의 조직화된 모음으로서 일반적으로 컴퓨터 시스템에 전자적으로 저장됩니다 데이터베이스는 일반적으로 데이터베이스 관리 시스템(DBMS)에 의해 제어됩니다. - Oracle Korea 특징 설명 실시간 접근성(real time accessibility) 사용자의 질의에 대하여 즉시 처리하여 응답한다. 계속적인 변화(continuous evolution) 삽입, 삭제, 갱신을 통하여 항상 최근의 정확한 데이터를 .. 2022. 11. 16.
[자바스크립트] 정규 표현식 기초 자바스크립트 정규 표현식과 사용방법 1. 정규 표현식 만들기 const re = /a/ //a 한글자 const re2 = /abc/ //abc 세글자 정규 표현식은 다음과 같이 슬래시로 패턴을 감싸서 작성 const re = new RegExp('a') // == /a/ const re2 = new RegExp('abc') // == /abc/ 이는 RegExp 생성자 함수를 사용해서 다음과 같이 표현할 수 있다. 바뀔 수 있는 패턴이나, 사용자 입력과 같이 외부 출처에서 가져오는 패턴의 경우 생성자 함수를 사용하면 좋다. (Using the constructor function provides runtime compilation of the regular expression) 2. 정규 표현식 사용법.. 2022. 11. 15.
[자바스크립트] 배열에서 최대 값 구하는 방법 펼침 연산자, 펼침 구문, spread syntax(...)를 사용한다. 자바스크립트에서 펼침연산자란? 배열에 포함된 항목을 펼쳐주는 역할을 한다. 펼침 연산자 단독으로는 쓰일 수 없고 '...arr'와 같이 펼침연산자 뒤에 배열명이 온다. 마침표 세개(...)로 표시한다. 일반 변수에 담으면 오류가 나기 때문에 객체나 배열에 담아줘야 한다. let arr1 = [1,2,3] let error = ...arr1 // 블록 범위 변수를 다시 선언할 수 없다는 오류가 발생 let correct = [...arr1] // 가능 자바스크립트 배열에서 최대값 구하는 방법 배열은 Math.max() 메서드가 적용되지 않기 때문에 펼침 연산자를 사용해야 한다. let arr = [1,2,3] //arr에서 최대 값을.. 2022. 11. 14.
[WIL] 내일배움캠프 2주차 회고록 내일배움캠프 한주가 또 지나갔다. 이번주부터는 프로그래머스 0단계를 자바스크립트로 풀어보고있다. 자바스크립트 내장 메서드가 너무 낯설지만 차근차근 풀어가면서 한줄로 풀 수 있는 문제들이 생기니 기분이 좋았다. 원장님께서 파이썬이 버거우면 자바스크립트만 집중해도 되고 지급된 알고리즘 강의를 자바스크립트로 바꿔서 적용해보는 것도 좋다고 하셨다. 또 자바스크립트로 0단계, 1단계 많이 풀어보는 것 직접 함수들을 사용해보면서 익힐 수 있으니 너무 좋다고 하셨다. 다들 파이썬에 대해서 불안해 했는데 원장님이 그렇게 말씀해주시니 안도하는 모습을 보였다. 나도 안심이되고 자바스크립트와 알고리즘을 집중해서 공부해야할 것 같다. 저번주에 발표했던 프로보노 공모전은 대상을 했다... 우와 시상식은 12월이지만 결과가 빨리.. 2022. 11. 13.
[자바스크립트] filter(), reduce(), fill(), map() 배열 메서드 정리 1. filter() 2. reduce() 3. fill() 4. map() 1. filter() Array.prototype.filter() filter() 메서드는 배열 각 요소들을 filter 메서드 내부에 기입된 함수에 대입하여 조건에 부합하는 함수만 거르는 기능을 한다. const word = ['sparay', 'limit','elite','exuberant','destruction','present']; const result = words.filter(word=>word.length>6); //words배열에서 6글자 이상인 글자들만 추출하여 배열로 반환 console.log(result); //["exucerant","destruction","present"] ▶프로그래.. 2022. 11. 11.
[TIL] 11월 10일 원장님 특강 정리 1. 웹사이트 흐름에 대한 기본적인 개념 - 서버: 내가 웹사이트에 뭔가를 요청(request)를 보내면 그에 대한 응답을 주는 것. 인터넷에 연결되어 있다. - 클라이언트: 나 + 브라우저. 네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터. ↔(서버). - route: 길을 안내해 주는 것. 요청이 들어오면 이리로 가세요 안내해주는 역할 - localhost : 내 컴퓨터를 가르키는 호스트이름. 주소는 127.0.0.1 - 프레임워크: 개발에만 집중할 수 있도록 제공해주는것. 어떠한 목적을 달성하기 위해 복잡하게 얽혀있는 문제를 해결하기 위한 구조며, 소프트웨어 개발에 있어 하나의 뼈대 역할을 한다. localhost:5000에서 5000이란? 내 컴퓨터가 열려있다면 모두에게 노출되므로 난 이 컴퓨.. 2022. 11. 10.

티스토리툴바