[2023.06.10(토)]개발자 25주차 기록(오랜만...)

살아있습니다!

 

이번 주 한 것 들과 배운 것들

• 하이브리드 Flutter 공부하기 
• 노드에 템플릿리터럴 적용(ejs )과 다양한 오픈소스??(chart.js ,grid.js)
• Instance?? java.util.time
• 에러 하다 알게된 용어 User-Agent, EUCKR
• AWS s3 (스토리지 클래스)

 

 

Flutter 공부하기(하이브리드 앱  만들어보자)

 백엔드로서 회사에서 일을 하고있다 보니 프론트 client쪽을 하고싶다는 욕망(남의 떡이 더 커보인다는 생각이랄까..)이 생겨서

무엇을 해볼까  고민을 하던중 Flutter가 나의 눈의 사로잡았고
단순히 재미도있어 보이기도 하여 시작을 하게되었다.

 

역시 처음 배울때는 단순이론보다 실제로 만들어보는것이 그 프레임워크를 이해하기에
가장 좋다 생각하기에 무작정 클론 코딩을해보았다.

배우기전에 개발자경험향상에 신경을 많이 썼다고 들었는데 정말 유용한 기능들도 많았다.

 

그리고 다트라는 언어도 같이 배워나가보니 약간 자바와 JS를 짬뽕시키고
몇몇의 다트만의 기능을 추가한 느낌이었다.

2개정도의 정말 간단한 클론코딩을 해보니 충분히 꾸준한 지원만있다면
추후에는 더 많은 개발자들이 사용할 도구라는 생각이들었다.

 

이제 어느정도는 감을 잡았으니 내가 만들고싶은 어플기획을 하고 Flutter를통해 만들어가볼 계획이다.

노드에 템플릿리터럴 적용(ejs )

첫 코딩을 제대로 배우게 시작점이 부트캠프이고 부트캠프에서는 백엔드로서 API만 만들어냈지
|그 API를 활요하여 clinet단에 표현할일이 거의 없었다.
하지만 회사에 와보니 간단한(관리자페이지)것들은 백엔드들이 다 만들어가는 상황이었고
스프링에서 여러 템플릿 엔진중Thymeleaf를 사용하여 화면단을 만들게되었다.

 

그러던 와중 노드서버에서도 자체적으로 화면단을 만들일이생기게되었는데(스스로 자초한일,...)생각해보니
노드는 어떤 템플릿엔진이있는지 전혀 몰랐는데 pug,ejs라는 것이 있다는것을 알게되었다.
pug는 html 문법스타일과 달랐다.
그래서 그냥 나는 일단 익숙한 ejs(빨리 만들어야했기에)를 사용하였다.

 

막상 해보니 크게 다른 템플릿 엔진이랑 다를것이 없어 재밌게 화면을 만들게 되었고 
차트와 표형태의 게시판 부분이 필요하였는데 여기에서 여러은혜(chart.js, gird.js)를 받아 화면을 만들게 되었다.

 

오랜만에 만들어보는 화면단이어서 그런지 손과 머리가 굳어 생각보다 오래걸렸지만 재밌었다.

Instance?? java.util.time

java 어플리케이션에서 mongoDB를 특정 시간대조회할일이 생겼는데 , time과 관련된 에러가 발생하였다.

그러다보니 instance요소라는것을 사용하라는 글을 보게되었고 이건 도대체 뭐지 공부를 하게되었고,
더불어 기존에 아무생각없이 사용하던 java의 타임 요소들에 대해 정리를 하게되었다. 

정리된 글은 블로그에 올릴 예정이니 관심있는 분은 참고 바란다.

에러 하다 알게된 용어 User-Agent, EUCKR

User-Agent

User-Agent는 HTTP 요청을 보내는 클라이언트(웹 브라우저, 앱 등)의 식별 정보를 담은 헤더입니다.
User-Agent 헤더는 웹 서버에게 요청을 보내는 클라이언트의 소프트웨어, 버전, 운영 체제 등의 정보를 전달하여
서버에서 적절한 응답을 제공할 수 있도록 합니다.

User-Agent 값은 주로 브라우저 또는 앱의 식별자와 버전 정보를 포함하며,
다양한 형식으로 구성될 수 있습니다. 예를 들면 다음과 같은 형식입니다:

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36

위의 예시는 Chrome 브라우저의 User-Agent 값으로,
Windows 10 운영 체제에서 동작하는 Chrome 브라우저의 버전 정보를 포함하고 있습니다.

User-Agent는 웹 서버에서 클라이언트의 특성을 파악하고 이에 따라 서비스를 조정하는 데 사용됩니다.
일부 웹 사이트나 웹 애플리케이션은 특정 User-Agent 값을 요구하여 특정 브라우저나 앱에서만 작동하도록 설계되었을 수 있습니다.

 

EUCKR

EUC-KR은 한글 인코딩 방식 중 하나입니다. EUC-KR은 대표적인 1바이트 문자 집합(Basic Latin, Hangul Jamo, CJK)으로 이루어진 인코딩 방식입니다. EUC-KR 인코딩 방식을 사용하면 한글, 영문, 특수문자를 모두 표현할 수 있습니다.

 

UTF-8은 유니코드를 사용하는 인코딩 방식 중 하나입니다. UTF-8은 가변 길이 문자 인코딩 방식으로, ASCII 문자는 1바이트, 한글 문자는 3바이트로 인코딩됩니다. UTF-8 인코딩 방식은 전 세계적으로 사용되는 문자와 기호를 모두 표현할 수 있습니다.

 

위의 두 인코딩 방식의 차이는 주로 한글 문자를 인코딩하는 방식에서 차이가 있습니다. EUC-KR은 한글 문자를 2바이트로 인코딩하는 반면, UTF-8은 3바이트로 인코딩합니다. 따라서, EUC-KR은 한글 문자를 더 적은 바이트로 표현할 수 있습니다.

 

하지만, 최근에는 UTF-8이 가장 많이 사용되는 인코딩 방식 중 하나이며, EUC-KR은 더 이상 권장되지 않는 방식입니다.

[EUC-KR 과 UTF-8 가 무엇인가요?]

 

AWS s3 (스토리지 클래스)

회사S3에 있는 파일들이 FTP를 통해서 다운이되지 않는 에러가 발생을 하였다.

그래서 그 폴더에 접속을 해보니 스토리지 클래스가 바뀌어있었다.. 이게 뭐지 이런것도있나..(aws공부좀 해야할듯...)

Glacier Deep Archive 클래스로 바뀌어있는것이 아닌가 ??

 

이에대해 파악을 해보니 스토리지 요금비용을 관리할수있느 수단중하나기도 하였다.

즉 어떤종류의 데이터인지와 얼마나자주 사용되는 데이터인지에 따라 스토리지클래스를 변경하여 요금을 효율화 할수있는것이었다.

(왠지 있을거 같았지만 생각보다 종류가 다양했고 요금산정방식도 다양 했다)

 

이 부분도 공부를 해서 정리후 블로그에 올려봐야겠다....

여튼 오랜만에 쓰는 기록지이지만 생존신고 삼아 글을 올린다