hwlink

고정 헤더 영역

글 제목

메뉴 레이어

hwlink

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Memo
    • Library
    • Coding
      • Svelte,Sveltekit
      • React
      • JS
      • CSS
      • 알고리즘
      • Error
      • TypeScript
      • WEB
      • Network
    • Git
    • Code
    • 마우스버리기
    • Project
      • Weasly(화장품결제구독서비스)
      • Hines(리빙쇼핑몰)
      • 기업협업
    • book

검색 레이어

hwlink

검색 영역

컨텐츠 검색

Coding

  • JS 자바스크립트 Sort, pop 가장 긴 문자열 반환해주기

    2021.11.13 by hwlink

  • JS 자바스크립트 문자 첫번째 위치 반환 findIndex, indexOf, search

    2021.11.13 by hwlink

  • 자바스크립트 JS Scope block 지역변수 전역변수

    2021.11.06 by hwlink

  • [JavaScript] 인자 개수 만큼 반복문 실행

    2021.11.04 by hwlink

  • css layout 정리 position inline inline-block block

    2021.11.02 by hwlink

  • img tag 와 background img 차이

    2021.11.02 by hwlink

  • [JavaScript] 현재 날짜 시간 가져오기 (년, 월, 일, 시, 분, 초 구하기) 자동새로고침 setInterval()

    2021.10.27 by hwlink

  • [CS/Network] Home server 공유기

    2021.10.25 by hwlink

JS 자바스크립트 Sort, pop 가장 긴 문자열 반환해주기

Q.find_longest_word 함수를 만들어 주세요. 주어진 리스트 안에 있는 단어 중 가장 긴 단어를 찾을 수 있도록 함수를 완성해주세요. function find_longest_word(arr){ let max = arr[0]; for(let i=1; i max.length){ max = arr[i]; } } return max; } console.log(find_longest_word(["PHP", "Exercises", "Backend"])) 1차로 기준이 되는 max라는 변수를 지정해두고 배열값들은 순회하며 비교해주어 초기값보다 큰 값만 max에 담아 반환해주는 함수를 구성했다. 동기중 sort 매서드를 이용하여 훨씬 간..

Coding/JS 2021. 11. 13. 17:14

JS 자바스크립트 문자 첫번째 위치 반환 findIndex, indexOf, search

Q. 문자와 문자열이 주어졌을때, getFind 함수는 주어진 문자열에서 주어진 문자가 나타나는 첫번째 위치를 반환합니다. 없으면 -1 반환 function getFind(filter, sentence) { const setArr = [...sentence]; console.log(result); // ['I', ' ', 'a', 'm',' ', 'a', ' ', 'h', 'a', 'c', 'k', 'e', 'r'] const findIndex = setArr.findIndex(el => el === filter); return findIndex; } const output = getFind('a', 'I am a dudud') console.log(output) // --> 2 처음에는 인자를 배열로 ..

Coding/JS 2021. 11. 13. 16:17

자바스크립트 JS Scope block 지역변수 전역변수

Scope를 이해하기 전에 block의 개념에 대하여 알아야합니다. 1. block 중괄호({}, curly brace)로 감싸진 것 function(){ ///block/// } block 내부에서 변수가 적용되면 해당 block 내부에서만 변수가 사용이 가능하다. 해당 변수를 지역변수(local)라고 한다. 2. Global(전역) Scope scope은 변수가 선언되고 사용할 수 있는 공간 block밖인 global scope에서 만든 변수를 global variable(전역변수)라고 합니다. scope 외부(block밖)에서는 특정 scope의 변수에 접근할 수가 없습니다. 코드 어디서든 접근 가능하여 변수값을 확인할 수 있다. 자유로운 전역변수가 좋기만 한 것 같지만 단점도 존재한다. 현업에서 ..

Coding/JS 2021. 11. 6. 13:03

[JavaScript] 인자 개수 만큼 반복문 실행

자바스크립트 인자개수만큼 반복문에 대하여 정리하려고 한다. 1. for 문을 인자인 saleArr, reviewArr, likeArr 들의 각각 length만큼 반복문을 돌려줬다. function getData(salesArr, reviewArr, likeArr){ let dateTotalSales = 0; let dateTotalReview = 0; let dateTotalLike = 0; for(let i = 0; i

Coding/JS 2021. 11. 4. 18:00

css layout 정리 position inline inline-block block

참고:https://ko.learnlayout.com/position.html 1. position 속성 - relative, absolute, fixed position 프로퍼티에는 다양한 값을 설정할 수 있다. position: relative .relative1 { position: relative; } .relative2 { position: relative; top: -20px; left: 20px; background-color: white; width: 500px; } position: fixed 고정(fixed) 엘리먼트는 뷰포트(viewport)에 상대적으로 위치가 지정되는데, 이는 페이지가 스크롤되더라도 늘 같은 곳에 위치한다는 뜻이다. 주로 메인페이지 헤더부분에 많이 사용한다. .fi..

Coding/CSS 2021. 11. 2. 20:46

img tag 와 background img 차이

참고링크 https://blog.px-lab.com/html-img-tag-vs-css-background-image/ HTML img tag vs CSS background-image This post covers one of the most searchable questions: how to use images on the web pages. When to use alt tag, when background-image blog.px-lab.com 작업을 하다보면 이미지 삽입시 필요한 두 가지 형태 1. 태그와 2.background-image: { url(링크)} 1, 2 어떤것을 사용해야 하는지 고민하기 때문에 정리해본다. 1. 사용 디자인 요소뿐만 아니라 콘텐츠 와 관련된 경우 색인을 생성한다. ..

Coding/WEB 2021. 11. 2. 20:03

[JavaScript] 현재 날짜 시간 가져오기 (년, 월, 일, 시, 분, 초 구하기) 자동새로고침 setInterval()

웹페이지에 자바스크립트를 이용하여 현재시간을 표시 하려고한다. new Date()에 대해 정리하려고합니다. new Date()로 현재 날짜와 시간을 담은 Date 객체를 구할 수 있습니다.  const now = new Date(); // 현재 날짜 및 시간 console.log(now); //콘솔출력값: Wed Oct 27 2021 12:07:54 GMT+0900 (한국 표준시)const now = new Date() console.dir(now)를 실행시키면 가져올수있는 객체들이 쫙 나온다.아래 이미지에 가져올 수 있는 년,월,일,시,분,초 등이 나타나있다.연도 구하기데이터 객체 getFullYear()를 이용한다.const now = new Date(); // 현..

Coding/JS 2021. 10. 27. 14:28

[CS/Network] Home server 공유기

WEB2. Home server _공유기 WAN: Wide Area Network / 광역네트워크 통신회사에서 주는 회선. ^ | WAN LAN을 연결해주는 라우터(공유기) | | v LAN: Local Area Network / 지역네트워크 public IP address 누구든 접속가능한 ip private IP address 내선번호같음 외부에서 접속못함 WEB2.Network Address Translation 1. private IP address인 192.168.0.4 가 '위키피디아'에 접속한다. 2. 접속을 위해 라우터로 신호를 보내고 라우터는 신호가 온 192.168.0.4를 기억한다. 3. 위키피디아가 있는 외부 WAN으로 접근해야하기 때문에 192.168.0.4(private IP a..

Coding/Network 2021. 10. 25. 22:08

추가 정보

인기글

최신글

페이징

이전
1 ··· 5 6 7 8 9 10
다음
TISTORY
hwlink © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바