emayom.log

HTTP는 클라이언트/서버 간에 요청과 응답을 통해 데이터를 주고받는다고 언급했었다! HTTP 관련 메서드로는 Get, Post, Put, Head, Delete, Patch, Options이 있는데 그중 우리가 일반적으로 태그의 method="" 속성을 통해 정보를 넘겨줄 때 자주 볼 수 있는 'GET 방식과 POST 방식'에 대해 빠르게 알아보자. GET과 POST 모두 HTTP 프로토콜을 이용하여 클라이언트 측에서 서버로 정보를 넘겨줄 때 사용하는 메서드이다. 먼저 GET 방식부터 시작해보자 ! 👨🏻‍🎨🎨 GET 방식 Get 은 이름에서부터 알 수 있듯이 지정된 리소스에서 데이터를 요청하여 어떤 정보를 가져와 조회하기 위해 사용되는 방식이다. (=> Read Data!) 만약 Get 방식으로 데이터..

[Javascript] 프로그래머스 Level1 _ 나누어 떨어지는 숫자 배열 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 반복문을 이용해 배열을 돌며 divisor로 나누어 떨어지는 수 들을 리턴했다. LENGTH를 선언한 것은 반복문에서 Array.length를 사용할 경우 반복문이 실행될 때마다 배열의 length를 구하는 작업을 하게 되어 결론적으로는 성능에 좋지 못하다는 글을 우연히 봤다. (아래에 링크를 걸어 두었다!) 아직 그런 걸 확인할 수 있을 만큼 깊이가 있지는 않지만ㅎㅎㅎㅎ 봤으니 나쁜 습관이 되기 전에 고쳐보려고 한다! function solution(arr, divisor) { const LENGTH = arr.length; let answer..

[Javascript] 프로그래머스 Level1 _ 이상한 문자 만들기 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 이중 for문으로 복잡해보이지만 ㅎㅎㅎ 통과는 된다....! function solution(s) { s = s.split(' '); let answer = new Array(s.length); answer.fill(''); for(let i=0; i

자료구조를 잘 이용하면 저장 공간을 효율적으로 이용하고, 신속하게 실행하는 효율적인 프로그램을 작성할 수 있다. 자료구조는 크게 아래와 같이 분류한다! 단순 구조 선형 구조 비선형 구조 파일 구조 그 중 '선형 구조'와 '비선형 구조'는 데이터를 연속적으로 연결하느냐, 비연속적으로 연결하느냐로 분류한다. 선형 구조와 비선형 구조에서 유의해야 할 특징에 대해 하나씩 정리해보려고 한다. 선형구조 배열 / 연속 리스트 (Contiguous List) : 인덱스를 통한 데이터 접근, 데이터 삽입 / 삭제가 번거로움 (하지만, 밀도 1) 연결 리스트 (Linked List) : 중간 노드가 끊어지면,,,, 🤦🏻‍♂️🤦🏻‍♀️ ( +) 기억공간의 효율 ↓ / 접근 시간 ↑) 연속 리스트는 배열을 이용하기 때문에 연..

클릭없이특정 폴더로 바로 이동하고 싶을 때 유용하게 많이 쓰는 Finder 단축키! 👇🏻👇🏼 command-D : 선택 파일 복제 shift-command-D : 데스크탑 폴더 열기 shift-command-F : 최근 사용 윈도우 열기 / 최근에 보았거나 변경한 모든 파일 표시 shift-command-G : 폴더로 이동 shift-command-H : 현재 macOS 사용자 계정 홈 폴더 열기 option-command-L : 다운로드 폴더 열기 shift-command-N : 새 폴더 생성 shift-command-O : 문서 폴더 이동 (Documents) command-왼쪽 대괄호([): 이전 폴더로 이동 command-오른쪽 대괄호(]): 다음 폴더로 이동 Mac 키보드 단축키 특정 키 조합을..

오늘은 세 번째 단골 질문 'HTTP와 HTTPS의 차이'에 대해서 알아보려고 한다. 우선 둘의 차이를 알아보기전에 먼저 HTTP와 HTTPS에 대해서 먼저 알아보자! HTTP와 HTTPS ? 우리가 웹 브라우저를 이용하면서 http:// 혹은 https://로 시작하는 주소를 본 적이 있을 것이다. HTTP와 HTTPS는 모두 '프로토콜(Protocol)'이다. 그렇기 때문에 사용 목적이나 기본 구조는 비슷하지만 조금씩 차이가 있다. 프로토콜은 '통신 규약'을 의미하는데 이전 포스팅 주제인 브라우저의 동작 원리와 과정에 대해 알아보면서 서버로부터 데이터를 요청하고, 받아올 때 통신 규약이 적용된다는 것을 알 수 있었다. (*요청 승인 -> 서버로부터 200 OK (성공 응답 상태 코드)를 보내준 후 데..

오늘은 두 번째 단골 질문 '브라우저의 동작'에 대해서 알아보려고 한다. 이미 우리는 다양한 브라우저를 사용하고 있다! 그렇다면 브라우저는 어떻게 동작하여 지금 우리 화면에 띄워지는 걸까? +) 쓸데없을 수도 있지만 재미있는 ? 사실은 Browser 의 어원이라는 Browse 는 '책이나 신문 등을 훑어보다.', '둘러보다.'라는 의미를 지니고 있다. 그래서 웹에서 여러 문서들을 보여주는 것, 훑어보는 도구라는 뜻으로 Browser가 되었다고 한다. 브라우저 ? 말로는 표현해본 적 없어도 우리는 이미 잘 알고 있다. 브라우저는 쉽게 말해서 사용자가 선택한 자원을 서버에 요청 / 전달받아서 보여주는 기능의 소프트웨어인 것이다. 그렇다면 우리가 보는 화면이 브라우저의 전부는 아닐 것이다. 우리 눈에는 보이지..

#1 Create repository : 저장소 만들기 #2 GitHub x Jeklly : 지킬 설치 #3 Jeklly : 지킬 블로그 생성 [Github] 깃헙 Page : #1 Create repository : 저장소 만들기 👉🏻 GitHub 👉🏼 Getting started with GitHub Pages Prologue - 오늘은 이전에 우연히 만들어 두었던 GitHub 레파지토리를 삭제하고, 처음부터 차근차근 개인 페이지를 만드는 과정을 정리해보려 한다. Crea emayom.tistory.com [Github] 깃헙 Page : #2 GitHub x Jeklly : 지킬 설치 #1 Create repository : 저장소 만들기 [Github] 깃헙 Page : #1 Create repo..

오늘은 DOCTYPE 선언에 대해서 정리해보자. 여기저기 찾아보면 항상 첫번째 단골질문이 DOCTYPE 선언이었던 것 같다! 🤔🤔 우리가 html 문서를 작성할 때 가장 먼저 작성하는 태그 바로 이다. 위치에서부터 알 수 있듯이 독타입 선언은 어떤 html 태그보다 먼저 작성되며 모든 웹 문서의 시작을 알려준다. DOCTYPE 과 DOCTYPE 선언이란? DOCTYPE 이란 Document Type 의 약자로 '문서의 유형'이다. 이러한 문서 유형을 선언하는 것을 DOCTYPE 선언, DOCTYPE Declaration이라고 하고, DOCTYPE 선언은 문서가 어떤 버전의 HTML으로 작성되었는지를 정의하기 위해 사용한다. 그렇다면 왜 DOCTYPE을 선언 해줘야할까? 결론은 웹 문서를 브라우저에 의도한..

기술면접 준비를 조금씩 해보려고 찾아보다가 🤔 질문과 답변이 잘 정리되어있는 사이트를 발견했다. 바로 'Front End Interview Handbook' !! 오늘부터 1일 1질문 미션이다. 👇🏼 HTML Questions | Front End Interview Handbook Answers to Front-end Job Interview Questions - HTML Questions. Pull requests for suggestions and corrections are welcome! frontendinterviewhandbook.com 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받..