Computer/Front-End

Computer/Front-End

[Encoding] 📚 BOM (Byte Order Mark)

BOM 바이트 순서 표시 (Byte Order Mark) 는 유니코드 문자로, 매직 넘버로서 문서의 가장 앞에 추가하여 텍스트를 읽는 프로그램에 여러 정보를 전달할 수 있다. BOM을 반드시 사용할 필요는 없으며, 사용할 경우 문서의 가장 앞에 등장해야 한다. BOM의 바이트열은 유니코드 인코딩마다 다르며, 이들이 다른 인코딩으로 저장된 문서의 가장 앞에 등장할 가능성은 적다. 그러므로, 문서의 가장 앞에 인코딩된 BOM을 추가함으로써 텍스트가 유니코드임을 나타내고 그 인코딩 방식을 명시할 수 있다. UTF-8 BOM의 UTF-8 표현은 바이트열인 0xEF, 0xBB, 0xBF 이다. 유니코드 표준은 UTF-8에 BOM을 허용하지만, 이는 필수가 아니며 권장 사항도 아니다. UTF-8에서 바이트 순서는 ..

Computer/Front-End

[JavaScript] 📚 Date 문법 / 날짜 문법 / 자바스크립트 날짜 / Intl

사람들이 현재 날짜를 구할 때 Date() 문법을 많이 사용합니다. 하지만 어딘가 조금 잘못 되었다고 생각이 들 때가 있으실겁니다.. JavaScript 1955년 자바스크립트 창조주 님께서 10일만에 타이핑을 하여 만드셨다고 합니다.. (어우.. 범접 불가하신 분이군요..) 자바 문법을 그대로 베껴서 만들었기에 가능한 것 이었다고 합니다. Date() 그 안에서!! Date date = new Date(); 자바 내장 함수 중 Util.date 가 있죠... 이것도 그대로 가져온 것이라고 합니다. 자바에서는 현재 이 문법이 좋지 않다고 하기 때문에 사용하지 않는다고 해요.. 레거시 프로젝트에서는 많이들 보셨겠지만 요즘은 java.time.Instant 를 사용한다고 합니다. 하지만 자바스크립트는 그대로..

Computer/Front-End

[JavaScript] 📚 배열 음수 인덱스 사용하기 / 파이썬처럼 배열 사용하기 / at() / 최신 문법 / Array / index

Array.prototype.at() 정수값을 받아, 해당 배열 인덱스의 요소를 반환합니다. 양수와 음수 모두 사용 가능하고, 음수 값의 경우 배열의 뒤에서부터 인덱스를 셉니다. 라고 정의가 되어 있습니다!! 기존에는 사용할 때 python과 달리 복잡아닌 복잡하게 사용했어야 했지만, 이제는 쉽게 사용할 수 있습니다. const exArray = [10, 20, 30, 40, 50]; console.log(exArray[exArray.length - 1]);// 50 기존에는 이런식으로 배열의 길이 - 1 로 활용했었습니다. (length를 활용) 하지만!! const exArray = [11, 22, 33, 44, 55]; console.log(exArray.at(-1));// 55 이렇게 at() 을..

Computer/Front-End

[React] 📚 리액트 생성 후 필요 없는 것들 정리하기

오늘은 리액트 프로젝트를 생성한 후 필요없는 파일들을 정리해보겠습니다. CRA (Create - React - App) 으로 만든 프로젝트를 사용하겠습니다. (CRA : 웹팩, 바벨과 같이 리액트 실행에 필요한 패키지를 함께 포함하여 설치해준다.) 아래의 명령어로 설치해줍니다. (typescript) (javascript는 --template typescript 를 제거해줍니다.) npx create-react-app for_blog --template typescript 설치를 하고 나면 이런 폴더구조가 생성됩니다. 그리고 필요하지 않은 파일들을 제거해주겠습니다. App.css app.test.tsx App.tsx index.css logo.svg react-app-env.d.ts reportWebVi..

Computer/Front-End

[Java] Swing / UI / 자바 / 스윙 / 자바 스윙 / Java Swing

오늘은 지식 공유의 느낌보다는 제가 요즘 개발하고 있는 언어를 알려드리고자 왔습니다.. 최근 저는 회사에서 토이 프로젝트를 무사히 마치고, 프레젠테이션까지 마무리했습니다! 저희 프로덕트의 코드를 분석하면서 새로운 기능을 추가하고 적용하려고 하는 중인데, 저는 swing 부분을 주로 담당하게 되었습니다. Swing은 이번에 처음 사용해보는 것인데,,, 음.. 처음 딱 접해보고 난 느낌은 안드로이드 개발할 때랑 엄청 비슷하다! 입니다. 학생 때, 안드로이드를 개발하면서 자바를 사용했었는데 스윙도 자바를 사용하며, 레이아웃을 적용하고, 그 레이아웃에 따라 ui를 구성하는 방식이 달랐습니다. 개발시작한지 얼마안된 시절.. 저를 매우 힘들게 했던 안드로이드.. 와 비슷한 스윙.. 이 저를 찾아왔네요.. 하핳 그래..

SpoonMe
'Computer/Front-End' 카테고리의 글 목록