Apple은 자사 웹사이트를 통해 배터리 사용 관련 아래와 같이 목표를 알렸습니다."배터리 및 자석에 재활용 코발트와 재활용 희토류 사용으로 재활용과 완전한 탄소 중립 목표"자세한 내용을 알아보면 Apple은 2025년까지 배터리에 100% 재활용 코발트를 사용할 계획이고, 자석에는 완전히 재활용된 희토류 원소를 사용할 예정이라고 합니다. 또한, Apple이 설계한 모든 인쇄 회로 기판 역시 100% 재활용 주석 납땜과 100% 재활용 금 도금을 사용할 것이며 이미 Apple은 알루미늄의 2/3 이상과 희토류 원소의 거의 3/4를 100% 재활용 물질에서 구하고 있다...
이 전에 자바스크립트 문자열(String) 메소드 startsWith()에 대하여 알아보았습니다. 오늘은 비슷한 정 반대로 동작하는 endsWith() 메소드에 대하여 알아봅니다.관련 링크 바로가기 >https://webisfree.com/2020-11-17/lodash-startswith()-메소드-알아보기# 자바스크립트 endsWith() 메소드 알아보기자바스크립트에서 endsWith() 메소드는 String에 사용하는 메소드로 주어진 문자열의 끝에서부터 특정 텍스트가 일치하는지 확인하는 데 사용되고 그 결과를 Boolean 값인 true 또는 false를 ...
처음 ChatGPT를 사용했을 때 텍스트 기반의 대화만 가능한 점이 아쉬웠습니다. 물론 이 후 업데이트에서 실제 마이크를 사용해 대화할 날이 오겠지만 하루라도 빨리 가능해지길 기다렸죠."크롬 브라우저 확장앱 사용하여 말하고 듣기"말하고 듣는 부분을 연결하는 것을 그리 어려운 부분이 아니라 관련된 앱이 나오면 좋겠다라고 막연하게 생각했었는데 역시 크롬 확장앱에서 찾을 수 있었습니다. 바로 Speak to ChatGPT입니다. 아래에서 바로 알아봅니다.# 크롬 브라우저 확장앱 Speak to ChatGPT를 사용하여 대화하기이 앱을 사용하면 마이크를 사용하여 C...
자바스크립트에서 쿼리스트링을 사용하면 간단한 웹페이지의 데이터를 유지하는데 사용할 수 있습니다. 대표적으로 페이지 값을 예를들 수 있죠. 아래 주소창 뒤의 쿼리스트링을 봐주세요.https://webisfree.com/?page=1이렇게 쿼리스트링을 만드는 데에는 URLSearchParams를 사용하면 매우 편리하게 쿼리스트링 변환이 가능합니다. 만약 { a: 1, b:2 }라는 값을 쿼리스트링 값으로 변환할 경우 아래와 같이 사용합니다.const queryStr = '?' + new URLSearchParams({ a: 1, b: 2 }).toStr...
NuxtJS를 사용할 경우 useRouter 훅을 사용하여 쿼리스트링을 변경하는 방법을 알아봅니다. 예를들어 아래와 같이 주소창의 쿼리 스트링만 변경되겠죠.Before) https://webisfree.com/?category=vuejsAfter) https://webisfree.com/?category=nuxtjs참고로 쿼리스트링 변경이 필요한 경우 페이지의 특정 정보(카테고리나 현재 페이지 등등)를 전달하는 기능을 구현할 때 사용됩니다. 예를들어 페이지에 다시 접속하거라 리프레쉬할 경우 쿼리스트링에 따라 다른 정보를 보여줄 수 있겠죠. 만약 이 방법이 아니라면 쿠...
얼마 전 포스트에서 텍스트 스타일 속성인 text-decoration에 대하여 알아봤습니다. (링크. https://webisfree.com/2023-02-07/[css]-text-decoration-속성-알아보기) 이번에는 이와 관련된 속성인 text-underline-offset에 대하여 알아보겠습니다.# text-underline-offset 알아보기이 스타일 속성은 text-decoration과 함께 사용되는 속성으로 text-decoration에 값으로 underline을 사용한 경우 해당 라인의 위치를 조절하는데 사용할 수 있는 매우 유용한 속성입...
CSS를 사용하여 텍스트에 효과를 줄 수 있는 스타일 속성으로 text-decoration이 있습니다. 아래는 text-decoration을 사용하는 방법과 활용 방법에 대하여 자세히 알아보겠습니다.# CSS 속성 text-decorationcss의 text-decoration 속성은 텍스트 사용하는 스타일 속성으로 윗줄(overline), 중간줄(line-through), 밑줄(underline) 효과를 줄 수 있습니다. 참고로 text-decoration은 단일로 사용 가능한 집합속성(subset property)이며 아래 css 속성들로 나뉘어 사용할 수 있습니...
웹개발 에디터 intellij(또는 webstorm)을 사용할 때 terminal의 vi 또는 vim을 사용하여 파일 편집 기능을 사용하는 경우가 있을 수 있습니다. 이 경우 편집을 위해서 insert 모드에서 변경 후 esc를 눌러 저장해야 하는데 intellij에서 esc 키를 누르면 터미널에서 focus out되어 :x 등을 눌러 저장하기가 어려웠습니다. 여기서는 esc를 눌러도 terminal에서 유지될 수 있는 방법을 알아보려고 합니다.개인적으로 꽤 오래 전부터 터미널(terminal) 사용시 문서 편집이 esc키 사용이 어려웠음에도 따로 terminal창을...
자바스크립트의 Array 메소드 filter()에 대하여 알아봅니다.# 자바스크립트 Array filter() 메소드배열 내장 메소드는 매우 다양한데 그 중에서도 많이 사용되는 메소드를 선택하라면 map(), filter(), reduce() 등이 있습니다. 필터는 자주 사용되면서도 HOF(Higher Order Function)이기 때문에 인자로 다른 함수를 받습니다. 그래서 filter()는 무엇을 할 수 있을까요?가장 중요한 filter()의 기능은 이름처럼 배열값의 필터링(Filtering) 기능을 수행합니다. 즉 원하는 값만 쉽게 얻을 수 있도록 도와줍니다....
lodash 메소드 중 delay 메소드에 대하여 알아봅니다.# lodash method, delaylodash 메소드 중 하나인 delay는 일정 시간을 지연시킨 후 특정 함수를 실행할 수 있는 메소드입니다. setTimeout처럼 동작하는 함수를 간단하고 쉽게 만들 수 있죠. 먼저 간단한 문법은 아래와 같습니다._.delay(function, delayTime, arguments)이 때 다음과 같이 세 가지 인자 function, delayTime, arguments를 전달할 수 있으며 각각 아래의 목적으로 사용됩니다.function : 시간 지연 뒤 실...