고양이발일기

프론트 개발을 하면서 느낀 점이 있다. 데이터 베이스나 클라우드가 없으면 데이터를 저장하기 굉장히 난감하다는 것 … 실제로 얀센에서 파트타임을 하면서 그 쪽에서 요구했던 점이 접속하는 사용자의 단순 정보를 담고 있어줄 수 있냐는 것이었다. 하지만 얀센에서 사용했던 MS Sharepoint 툴에서는 서버를 사용할 수 없으니 안될 것 같다고 했었지만… 생각해보니 웹 스토리지가 있었다. 이렇게 데이터가 노출이나 유실에 예민하지 않은 성격이라면 서버보다는 클라이언트에 담을 수 있다. 하지만 이에도 한계가 있는데, 저장하는 데이터 타입이 string 만 가능하다는 점이다. 이를 극복하는 방법은 JSON 형태로 저장하는 것이다. JSON의 stringify함수로 데이터를 직렬화 해준다음, 읽을 때는 parse함수로..

Uncaught SyntaxError: missing ) after argument list 에러 해결방법 바닐라 JS를 사용하는데 익숙하지 않아서 많이 애먹는 중이다 ㅎㅎ... 프레임워크쓰다가 순정을 쓰려니 기본이 부족하다는 걸 많이 느낀다🥲 문제 코드 document.getElementById('categories').innerHTML += ` ` + e + ` ` 해당 코드는 radio 버튼을 데이터에서 map형식으로 넣어주기 위한 코드이다. 여기서 문제가 되는 부분은 onclick="sortData(` + e + `)" 이 onclick 함수부분이었다. 에러가 난 이유는 parameter로 받는 부분이 string 타입이라 따옴표 처리를 해줘야하는데 따옴표 처리가 안되어서 발생한 에러였다. 그래서..

React MVC (model - view - controller) 패턴 프로젝트가 단순할 때 간단하게 쓸 수 있음 데이터 자료의 양과 화면이 많아질수록 model 과 view 의 수 증가 함 → 데이터 흐름을 읽기 어려움 Redux flux 패턴 데이터 수정이 dispatcher 한 곳에서만 가능 action이 발생→ dispatcher에 의해 store에 변경된 사항이 저장→ view가 변경되는 단방향 패턴 dispatcher : 어플리케이션에서 발생한 action들을 정리해주는 역할 Store : 어플리케이션의 데이터들이 저장되는 장소 Redux의 장점 사용자가 어떤 액션을 했고, 어떤 데이터가 어떻게 변경 되었는지 쉽게 관찰할 수 있다. 이 모든 내용은 기록되고, 개발자는 이전의 특정 상태로 돌아..

새로운 일자리에서 SharePoint 를 사용한다... MS 제품인데 Team 내에서 문서들을 공유하고 커뮤니케이션 하는 웹사이트 같은 플랫폼이다. JnJ에서 (하루) 일하면서 느낀건데 정말 MS 제품만 사용한다. 그래서 참 제약이 많은듯 ;-; 목표 SharePoint에 올리는 Excel 문서랑 연동해서 Home 화면에서 사용자 편의성 있게 만들기 기존에 있는 앱들 중에 내가 하려는 목표와 가장 유사한 앱이 embed tag 뿐이었다. 그래서 excel 에서 embed tag를 export해와서 복붙하는 수 밖에 없었는데 단순한 표만 나와서 심미성이 별로 일 뿐 만 아니라 height를 엑셀의 높이에 맞게 유동적으로 조절할 수 없어서 (정형화된 수치만 표시 가능했다) 이를 해결하려고 한다. 그래도 웹 ..

프로젝트를 하면서 React Native에 styled-component를 사용하면 에디터에 " Could not find a declaration file for module 'styled-components/native'." 라는 에러가 뜰 때가 있다. 타입스크립트를 함께 쓰면서 생기는 문제이니 npm add @types/styled-components-react-native -D 명령어를 입력해주면 해결된다.

캡스톤 프로젝트로 하이브리드 앱인 react-native 를 하기로 했다. 작년 즈음 회사에서 했던 react-native 는 에러로 엄청나게 고생시켰던 기억이 있지만 나에게 js 는 떨어트릴 수 없는 존재인가보다 ㅠ react-native는 Facebook(현 Meta)에서 만든 오픈소스 모바일 애플리케이션 프레임워크이다. 자세히 설명하자면, javascript로 안드로이드와 ios 어플리케이션을 한 번에 개발할 수 있는 크로스 플랫폼 프레임워크이다. 프로젝트에서 해당 어플리케이션을 선택하게 된 이유는 1. 팀원들이 모두 웹 개발자이기에 javascript에 대한 이해도가 높음 2. 안드로이드나 ios 하나의 어플리케이션으로 한정 짓기에는 프로젝트의 목표와 부합하지 않음 3. 프론트엔드 개발을 맡은 팀..