文科少女學程式

這禮拜四(9/29)又參加了一場ALPHA Camp主辦的線下的活動，比較不一樣的是這場活動主題是企業參訪，還結合一些交流討論的環節。另外，最令人矚目的就是這場企業參訪的合作企業是大家應該都聽過的AmazingTalker，並請來了創辦人和CTO跟大家分享！身為使用者的我，當然不能錯過這次的機會，手刀給他報名起來了。
除了參與這次的活動外，還收到了一個特別的任務，就是擔任討論環節其中一組的Group Leader，這個角色是主要任務是帶領大家進行討論。雖然我是一個極度內向的人(咦？)，但是喜歡挑戰的我還是接下這個任務了XD

在學習React的時候，有發現一個hook跟Vue3世界裡面一個很重要的api的名字很類似，那就是useRef。雖然React的useRef因為名字的關係，看起來好像跟Vue3的ref是一樣的東西，但是仔細了解之後，才發現並不是這樣的呀！

以前在當韓翻的時期，每次拿到遊戲內要翻譯的文檔都會是一個excel檔案，然後有Key的欄位，和對應語系名的欄位，我那時還以為只是開發人員管理方便而已，直到自己也成了開發人員，才知道原來那個是為了要轉成套用在遊戲中的翻譯檔的格式。
其實成為前端後，偶爾會有需求需要更改翻譯文檔，原本都是藉由後端產套用的翻譯文檔，不過好一陣子前，內部更新成用Google Sheets API來產翻譯文檔，比起以前更方便，因為不用再透過後端處理，可以直接在本機跑起來確認。因為也想要自己試著實作一次這個方便的用法，所以就把這個實作方式記錄下來了。

上禮拜日去參加了一個很有趣的社群活動，也是近期內最令我期待的社群活動之一，主要是因為這是一個以女生工程師為主的實體社群活動，身為這個圈子的邊緣菜鳥的我，當然要去參加一波囉！
「當我們同宅一起」這個實體社群活動主要是由ALPHA Camp和The MentorShip曼陀號領航計畫聯合舉辦，是一場AC助教的限定活動，再加上以前一直很想參與曼陀號計畫，所以當知道有這樣的機會，就手刀報名了。

雖然我是一位前端工程師，但是因為跟主管自告奮勇(?)接觸新東西，所以就踏入了Nginx世(ㄉ一ˋ)界(ㄩˋ)。雖然很多時候，都只是單純地改現有的設定檔案，但是在改的時候，還是得了解現有策略，避免改到不該改的地方，改寫當然也需要對設定方式有一定的了解，又加上這禮拜終於有些東西有點搞懂了，所以就想說來寫一篇這個吧！

平常都是接觸Vue、React這些CSR的框架，SSR只有透過近期的讀書會稍微了解它的概念，本來以為自己應該差不多理解什麼是SSR了，直到最近要進一步處理nuxt3專案的部屬流程，才發現自己根本沒搞懂啊！這次想說就稍微記錄一下，近期透過規劃nuxt專案部屬流程，所進一步了解到的SSR。

從Nuxt3專案的部屬理解SSR

在React世界中，useState是一個很基礎的Hook，就跟Vue世界的ref和reactive一樣，所以其實使用概念上真的還算簡單。不過就在我以為我早就懂它的時候，卻還是默默踩到了一些蠢蠢的雷，這才發現原來我根本沒有搞懂它啊！所以我就來記錄一下useState這個看似平凡，但又隱藏一些需要注意的點的Hook了！

useState的基本用法

身為一位前端工程師，除了懂得如何切版，以及如何使用前端框架外，了解跟Internet及其他知識也很重要，所以就想說花點時間來惡補一下><
這次先從最近有碰到的DNS和Domain開始看起！

轉眼間，即將要邁入一年半的前端工程師人生了！沒錯！我還活著！（是說昨天還夢到自己依然是一位遊戲公司的營運PM，準備被公司派去韓國總公司出差呢。但是會夢到這個夢並不是因為我還沒適應現在的生活啦！可能單純只是有點懷念，呵呵。）

前陣子有遇到需要在build後，把產出的一些js、img、font檔案加上客製化hash，以避免網頁cache住的調整事項。但是透過file loader來客製產出的檔名hash後，實際上完成build，卻發現每個svg檔案都被重複多build出一份沒有被改成客製hash檔名的檔案，font的檔案還有無法被解析的問題，最後和前輩查了很久，才排除了這個狀況。

避免使用file-loader設定時，在build後，產生重複的svg檔案