개발하자(DevHaja)

카테고리 없음

블로그 이전 Feat. Jekyll

지금까지 열심히 사용해왔던 티스토리를 떠나려고 한다. 전부터 내 블로그를 만들어서 내 멋대로 커스텀하고 싶은 생각이 있었다. 하지만 그것도 미루고 미루다가 놀면 뭐하나 하는 생각에 블로그를 만들었다. GithubPage 제작 프로그램으로 jekyll이 가장 많이 쓰인다고 한다. 템플릿 종류도 많고 무엇보다 마크다운으로 글을 작성할 수 있다는 점이 좋았다. 티스토리가 불편했던 점이 마크다운을 제대로 지원하지 않는다는 것이었다. 티스토리 게시글 중 최근 게시글만 옮기고 새로 시작하려고 한다. 그리고 티스토리는 계속 열어놓을 예정이다. [새 블로그 URL] https://devwoodie.github.io

FrontEnd/React & React-Native

[React-Native] React-Native-Webview(웹뷰) 데이터 통신 Feat. PostMessage

📜 Webview PostMessage 회사에서 앱을 개발할 때 React-Native webview로 React 프로젝트를 씌워서 앱 등록을 하였다. 그때 RN -> React 또는 React -> RN 으로 데이터를 전달해야하는 일이 생긴다. (앱을 켰을 때 os확인을 하거나, 접속 위치를 확인해 react에서 사용할 경우 등) 그 당시 사용했던 방법을 기록해 놓으려고 한다. 🔍 React-Native Webview 옵션 세팅 React-Native webview 작업 시 onMessage 속성에 react에서 보내는 데이터를 받을 때 사용할 함수를 적는다. const webview = useRef(); { web_to_native(e) }} source={{ uri: uri, }} /> 🔍 Reac..

Memoir

[회고] 2023년을 돌아보며

블로그에 글을 오랜만에 쓰게 되었다. 어떤 글로 다시 시작하면 좋을까 하다가 회고록이 생각이 났다. 일 년 동안 나는 무엇을 했으며 어떤 일이 있었고 기억에 남는 일과 보완해야 할 일이 무엇일까 기록을 하면 좋을 것 같았다. 먼저 2023년은 아홉수였으며 다사다난했던 한 해였다. 🏘️ 이직 1년 3개월 정도 퍼블리셔로 근무하다가 올해 5월에 이직을 하였다. 전 직장을 나올 때 아쉬웠던 점은 일했던 사람들이 참 좋았다. 지금도 연락하고 시간이 맞으면 만나서 술 한 잔 하고 모임도 갖는다. 그렇게 아쉬웠던 전 직장에서 나와 이직을 한 곳은 자체 개발팀이 막 만들어진 신입들이 모여있는 곳이었다. 우리 회사와 계약을 한 개발 회사(이하 D사)가 있었는데 해외에 오픈할 우리 회사 사업을 D사에서 개발하고 있었다...

Dev knowledge

React 에서 CORS 에러 해결하기

API 통신이 안된다.. 왜? 로컬에서는 잘 되는데 서버에서는 통신이 안되는 이유는 뭘까... 먼저 오류에 대해 알아보자 오류 내용 Access to XMLHttpRequest at 'https://cedarsojt.store:4000/signup/list/country/branch' from origin 'https://cedarsojt.store' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 오류 내용을 해석해보면 XMLHttpRequest 요청이 CORS(Cross-Origin Resource Sharin..

FrontEnd/React & React-Native

[React-Native] React-Native-Webview(웹뷰) 로 하이브리드 앱 만들기

현재 진행 중인 개발동아리에서 앱을 만들기로 하였다. 근데 우리는 앱개발자가 없는걸..? 그래서 react-native 를 이용해 웹뷰를 만들어 모바일 웹에 씌우기로 하였다. 이를 하이브리드앱이라고 한다. react-native-webview 를 개발하는 과정에서 엄청난 오류와 시간이 걸렸기 때문에 다음에 작업할 때 이를 방지하기 위해 기록하려고 한다. 처음에 expo를 사용하여 작업을 했지만 알 수 없는 오류들을 해결하는데 시간이 더 걸릴 것 같아서 다 지우고 react-native-cli 로 환경 설정을 진행했다. 나는 mac을 사용하고 있기 때문에 mac os 기준으로 작업하였다. 1. Homebrew 설치 Homebrew 는 mac용 패키지 관리자이다. 아래 명령어로 설치하면 된다. $ /bin/..

FrontEnd/JavaScript & TypeScript

[TS] Narrowing & Assertion(타입 확정)

string | number 같은 union type 에는 일반적으로 조작을 못하게 막아놔서 에러가 발생합니다. function narrFunction(x: number | string){ return x + 1; // error } 이를 해결할 수 있는 방법에 대해 알아보겠습니다. 📌 Narrowing Narrowing은 실제로 선언된 타입들에 대해 더 구체적인 타입에 대해 처리하는 것으로, 각 타입에 대한 처리를 분명하게 해서 에러가 나지 않는 안전한 코드를 만드는 것입니다. function narrFunction(x: number | string){ if(typeof x === 'number'){ return x + 1; }else if(typeof x === 'string&#..

FrontEnd/JavaScript & TypeScript

[JS] 날짜 계산 (며칠 전, 지정된 날짜까지 배열 반환) Feat. ApexCharts

업무 진행을 하다가 차트 내에 날짜를 입력하는 부분이 있었다. 입력하는 날짜 형식이 배열로 지정되어 있어서 오늘 날짜로 부터 며칠 전까지의 날짜를 구하고 그 사이 기간을 배열로 만드는 작업을 하였다. 📌 오늘 날짜로부터 며칠 전 날짜 구하기 function getFewDays(fewdays){ let agoDate; let date = new Date(); //오늘 날짜 가져오기 date.setDate(date.getDate() - fewdays); // let month = (date.getMonth()+1); month = month < 10 ? '0' + month : month; let day = date.getDate(); day = day < 10 ? '0' + day : day; agoDat..

Offline Conference

[NHN] NHN FORWARD 22 내용 정리

[ NHN FORWARD 22 ] Concise Summary NHN의 다섯 번째 오프라인 컨퍼런스 일자 : 22.11.24 장소 : 그랜드 인터컨티넨탈 서울 파르나스 [NHN 키노트] - 오프닝 발표자 : NHN Cloud 박근한, 이진수, 김명신 Small Steps make a Big Difference NHN 회사 소개(게임, 결제, 커머스, 데이터, 클라우드) GameAnvil, GameTalk 소개 GameAnvil 게임 서버의 템플릿과 웹 운영 도구, 성능 테스트 툴 등을 제공 개발 경험이 적은 게임 개발자여도 게임 서버 개발과 서비스, 서비스 운영까지 한 번에 가능하게 해줌 GameTalk 간편하게 게임 내 채팅을 구현할 수 있는 솔루션 좋은 기술이란? 고객이 체감할 수 있는 고마운 기술을..

Offline Conference

[INFCON] INFCON 2022 내용 정리

[ INFCON 2022 ] Concise Summary 인프런의 첫 번째 오프라인 콘퍼런스 일자 : 22.08.26 장소 : 강남구 삼성동 코엑스 그랜드볼룸 참여 기업 : MUSINSA, LINE, JETBRAINS, toss, yanolja, 우아한 형제들, 오늘의 집, 당근마켓, 교보문고 [인프랩 로드맵] - 오프닝 발표자 : 인프랩 CEO 이형주, 인프랩 CTO 이동욱, 인프랩 커뮤니티 리드 홍연의 인프런 커뮤니티 질문&답변 글쓰기 에디터 수정 예정(마크 다운 형식) 인프런 내 강의실 모바일 뷰 개선 사용자간 스터디 서비스 개선 랠릿(인프랩 채용 서비스)과 인프런 통합 [실리콘밸리로 떠나는 비전공자 개발자의 지난 4년 회고] 발표자 : Pixelic 한정수 학습 내용 개인 블로그, git 정리 개..

devwoodie
개발하자(DevHaja)