전체 글 118

코딩테스트 배열 뒤집기

나의 답function solution(num_list) {//num_list 사용 안되고 있었음...    var array = [];//array가 빈 배열로 초기화 되어있으니. 아래의 array.reverse();도 빈배열 반환    const answer = array.reverse();    return answer;}   정답function solution(num_list) {const answer = num_list.slice().reverse();return answer;} //arr.slice([start[, end]])start (선택적): 추출을 시작할 인덱스, 기본값 0end (선택적): 추출을 종료할 인덱스, 기본값 arr.length (인덱스에 해당하는 요소는 포함되지않음)//나..

코딩테스트 2024.05.14

240513 TIL 스무번째날 - Node.js 입문 1 - 11~12

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 웹 프레임워크 : 웹 서비스를 빠르게 구현 할 수 있게 도와주는 도구 ; 프로그래밍의 특정 부분을 추상화하여, 개발자가 더 높은 수준에서 프로그램을 작성할 수 있게 도와주는 도구입니다. 프레임워크는 ‘틀’이라는 의미로, 개발하는 동안 준수해야하는 규칙과 구조를 제공이미 만들어진 기능들을 재사용하고, 이를 조립하여 웹 서비스를 만드는 것 일반적인 웹서버와 Node.js로 만들게 될 웹서버 비교핵심 : 어떤 웹서버든 클라이언트의 요청에 비즈니스 로직을 수행. 처리된 값 ; 응답 제공ex) Node.js를 사용해 구축된 웹 서버, Python의 웹 프레임워크인 Flask, Java나 Kotlin으로 만들어진 Spring 기반의 웹 서버 등, 모두 웹 서버..

카테고리 없음 2024.05.13

베이직반1 240513

베이직반 특징... ㅎ 밀착마크... 중요 포인트 1. 우리가 하는 것: 프로그램의 통신 (통신은 요청과 응답으로 구성되어있다.)중요 포인트 2. FE, BE의 차이 : 내 코드가 어디서 해석 되는가(요청된 언어를 해석 또는 파싱하는 프로그램이 사용자의 디바이스에 있는지, 회사 서버에 있는지) 우리는 무엇을 만드나? 게시판 (사진을 올린 게시판은 인스타, 영상을 올린 게시판은 유튜브, 상품을 파는 게시판은 쇼핑몰) 깃 : 소스 코드, 히스토리를 관리하는 도구, 다른 코드와 병합할 수 있는 프로그램그러나 깃을 일일히 저장하기엔 용량이 너무 많으므로 깃 허브 : (깃을 저장할 수 있는) 공통저장소 제공하는 서비스 그 외에.. 디렉토리 : 파일을 분류하기 위해 사용하는 이름공간 (결론은 폴더)백엔드:서버 데이..

카테고리 없음 2024.05.13

오름차순 정렬

오름차순 정렬array => array.sort((a, b) => a - b);비교함수가 음수를 반환시 a가 b앞에 오게되며, (a가 b도가 작으면 a-b는 음수가 되어 a가 b 앞에 옴)비교함수가 0을 반환하면 순서 바뀌지 않음 (a와 b가 같으면 0이 되어 순서가 바뀌지 않음)비교함수가 양수를 반환하면 b가 a앞에 오게됨 (a가 b보다 크면 a- b는 양수가 되어 b가 a앞에 옴) 내림차순 정렬array => array.sort((a, b) => b - a); 응용 문제 : 코딩테스트 입문 (중앙값 구하기)필요한 구문 : 오름차순 할 것, 중앙값  잘못된 답 function solution(array) {    var answer = 0;    answer = array.sort((a,b) => a-..

코딩테스트 2024.05.13

240510 TIL 열아홉번째날 Node.js 입문 1 - 1~2

// 내생각 / 색깔글씨 : 중요표시 등공부한 내용 - 팀프로젝트 후에 코드 리뷰를 전날 마무리가 안되어 아침에도 함께 코드리뷰함, 노드입문, 코딩 잘하는 방법 : 목표설정 정확히 - 코드를 만들면서 정하지 말것, 유지보수가 쉽고 보기 좋은 코드로 만들 것, 변수 이름 의미있는 것으로 해야함 웹브라우저 통신 방식웹브라우저 : 인터넷 브라우저 ; HTML, CSS Javascript 파일을 전달받아 해석=> 우리 눈으로 볼 수 있음전달받고 해석하는 과정에서 웹 브라우저는 정적인 파일과 동적인 정보 처리 브라우저 통신방식1. 사용자가 웹 브라우저의 주소창에 URL입력2. 웹  브라우저는 입력받은 URL읠 DNS서버로 전달하여 해당 IP주소 찾음3. DNS서버는 도메인 이름을 IP주소로 변환 4. 웹브라우저는..

TIL 2024.05.10

Node.js 입문 1 - 9~10 (7~8은 설치)

**Module**Node.js에서 코드의 재 사용성을 높이기 위해 작성된 독립적인 코드조각 ; 이러한 모듈을 npm이나 yarn같은 패키지 매니저를 통해 업로드 하여 다른 개발자들과 공유할 때 이를 패키지라고 함패키지 매니저더보기**패키지 매니저(Package Manager)**는 패키지를 손쉽게 다루는 작업을 안전하고 편리하게 사용하기 위한 툴입니다. Node.js 패키지의 설치, 업데이트, 삭제 등을 할 수 있으며, 패키지간의 의존성을 관리해줍니다!다른 개발자들이 작성한 코드를 쉽게 다운로드 받거나, 혹은 저희가 작성한 코드를 배포하여 다른 사람들에게 제공할 수 있게 됩니다.패키지 매니저의 진정한 가치는, 여러 개발자들이 만든 수많은 패키지들을 효과적으로 활용하여, 자신의 프로젝트를 더 빠르고, ..

카테고리 없음 2024.05.10

Node.js 입문 1 - 5~6

Node.js란최상단Node.js core Library : 파일 입출력, 쓰고 저장할때 사용하는 fs 호환의 라이브러리나 운영체제 관련된 os, 여러가지 프로세스 쓰레드 관리의 코어라이브러리?  Node.js Bindings : 최하단의 v8, libuv 는 c 와 c++로 사용되기 때문에 js로 사용할 수 없으므로 bindings가 자바스크립트로 받은 언어를 c 와 c++로 사용할 수 있게 함 최하단 ; c 와 c++로 구현되있음V8 Engine : 자바스크립트를 사용해서 실제로 실행시 해당결과 보여줌 (크롬사용시 크롬내부에서 자바 스크립트 해석, 결과값 출력 담당) libuv :하나의 라이브러리 ; (비동기 i/o) 하나의 프로그램 실행시 위에서 밑으로 실행되어야 하지만 만약 파일 입출력시 파일 불..

카테고리 없음 2024.05.10

Node.js 입문 1 - 3~4

웹서버는 정적인 콘텐츠, 단순한 데이터를 찾아서 전달 ; 데이터 빠르게 반환하는 것이 목표대표적 웹서버 : Apache, Ngnix 웹 어플리케이션 서버 : WAS (Web Application Server)웹서버와 협력하여 동적인 컨텐츠 제공 : 주로 데이터 베이스 조회, 복잡한 계산과 같은 비즈니스 로직처리비즈니즈 로직처리 : 계산기 처럼 처리 수행을 의미함웹 어플리케이션은 콘텐츠 생성이나 데이터 베이스와의 상호작용이 필요할 때 주로 사용 웹서버와 브라우저 간의 통신 방식 정리 : 기본적으로 브라우저가 웹 서버에 요청 할 때는 주로 get - method로 요청하게 됨그러나 post, put, delete 같은 다른 HTTP 요청 메서드들도 존재하며, 이들은 서버에 다른 타입의 요청을 보낼 때 사용됨..

카테고리 없음 2024.05.10

240509 TIL 열여덟번째날

https://ramincoding.tistory.com/entry/JavaScript-%EC%9D%B4%EB%B2%A4%ED%8A%B8%EC%99%80-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%ED%95%B8%EB%93%A4%EB%9F%AC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EA%B0%9D%EC%B2%B4-evente  [JavaScript] 이벤트와 이벤트 핸들러, 이벤트 객체 event(e)[JavaScript] 이벤트와 이벤트 핸들러, 이벤트 객체 event(e) 📌 이벤트란? `이벤트`(event)란 웹페이지에서 발생하는 사용자 상호 작용을 말한다. 웹 페이지에서 무언가가 일어났다! 라는 신호이다. 즉,ramincoding.tistory.com 이벤트 핸들러 : 이..

카테고리 없음 2024.05.09

KPT 2번째

Keep + problem 작성 5분Keep은 현재 만족하고 있는 부분(Good), 계속해서 이어갔으면 하는 부분(Keep)을 자유롭게 작성한다. Problem은 불편(or 불만)하게 느끼는 부분, 개선이 필요하다고 생각되는 부분, 잠재적인 문제를 작성한다. 진행자 본인도 해당 시간 동안 똑같이 작성한다. (타임 타이머는 누구라도 고개를 들면 확인할 수 있도록 하는게 중요하다)Keep김노을서로가 가진 정보를 나눌 수 있었다.새로운 기술을 익히고 적용하는데 적극적인 모습들.많은 회의와 피드백을 통해서 서로가 가진 것을 나눌 수 있었던 것 같다.깃허브를 적극적으로 사용했던 게 좋은 경험인 것 같다. 이걸 기반으로 다른 협업 툴을 사용하더라도 잘 적응하기 수월할 것 같다.AI를 통한 검색 브라우저를 활용해본 ..

카테고리 없음 2024.05.09