Frontend by Helia

프론트엔드 개발자라면 가끔 한글과 관련한 이슈를 마주하곤 한다. 그 중에서도 한글 정규식을 적용할 때 겪었던 이슈와 원인, 해결 방식을 정리해보고자 한다. 한글 정규식 1. /[ㄱ-힣]/을 사용하지 말자. 한글 정규식을 검색하면 흔히 아래의 정규식이 많이 나온다. /[ㄱ-힣]/ 하지만 권장하지 않는다. 왜냐하면 아래의 일이 일어나기 때문이다. ㄱ : %u3131 // 우선 당신은 한글 자음부터 모음까지를 허용했다. ... ㆝ : %u319D // 당신은 한자도 허용하기 시작했다. ㈑ : %u3211 // 당신은 괄호 안에 한글이 들어간 특수문자를 허용했다. ㈭ : %u322D // 괄호 안에 한자가 들어간.. 특수문자도 허용했다. ㉡ : %u3261 // 또한 원 안에 한글이 들어간 특수문자도 허용했다...

프론트엔드 2024. 2. 4. 23:50

개발자들이 싫어하거나 괴로워하는 작업을 꼽으라면 유독 CSS 작업이 많이 나온다. 프론트엔드 개발자 중에는 내가 입력한 것이 곧바로 구현되는 것에 효용감을 느끼는 사람도 많지만, 다른건 좋아도 CSS만큼은 도무지 괴롭다는 사람들도 있다. 나는 시각적인 것을 좋아해서 멋있는 CSS 작업을 보면 북마크에 저장해두고 마는 개발자이지만, 마음대로 되지 않는 CSS에 괴로워했을 때도 많았다. 그런데 인턴으로 근무했을 때 온보딩 작업물을 테크리더 분께서 피드백해주시면서, CSS의 의미를 이해하고 규칙을 세워 작성할 수 있게 되었다. 그로 인해 거부감이나 막연한 두려움은 사라졌다. 물론 아직 더욱 노력해야겠지만, 당시 배워서 현재까지 잘 쓰고 있는 팁들을 공유해보려고 한다. 우선 테크리더 분이 설명해주셨던 것을 공유..

프론트엔드 2024. 1. 21. 23:53

엑셀콘 2회 세션:프론트엔드 개발자가 1년 동안 쌓아온 꿀팁 소문내기의 내용과 시간상 추가하지 못한 내용을 공유하고자 한다. 제2회 EXCELCON 2023.06.03 술과 음식이 흐르는 SW메이커들의네트워킹 파티 EXCELCON excelcon.day 세션 소개 및 주의사항 프론트엔드 개발자에게 있어서 유용한 팁이 주를 이룹니다. 앱은 애플 앱스토어 기준이며, 익스텐션은 발표에서 다룬 Visual Studio Code의 익스텐션과 이 글에서 추가로 소개하는 크롬 익스텐션이 있습니다. 프론트엔드 개발에 있어서 생산성을 높이고 기분 좋은 환경을 조성하는 몇 가지 꿀팁과 도구를 소개하고자 합니다. 쉽게 적용 가능하면서도 효과적인 내용들을 함께 공유하겠습니다. 프론트엔드 개발자의 팁 1. 개발자도구 콘솔: d..

프론트엔드 2023. 12. 10. 22:48