본문 바로가기
반응형

과거253

인텔리j에서 리액트 개발환경 구성하기 인텔리j에서 리액트 개발환경 구성하기 2016년 쯤 **통신사 프로젝트에 참여하게 됐는데 프론트 개발파트와 백엔드 개발파트를 나누어서 진행했었다. 나는 백엔드 개발자 역할로 들어갔었는데 그 때 처음 SPA를 접하게 됐다. 그 당시 프론트 개발파트에서 사용하던 JS 라이프러리가 React였고 특징, 장단점 등을 어깨너머로 익혔고 약간의 코딩도 해봤지만 CRUD를 모두 경험해 본 터는 아니었다. 어느덧 7년이라는 세월이 흘렀다. 요즘 참여하고 있는 프로젝트는 프론트, 백엔드 이렇게 나누어서 개발하는 곳은 아니다. 운 좋게 대형 프로젝트인데 분석, 설계, 개발까지 모두 타임라인 순으로 모든 역할을 하고 있으며, 현재는 개발 단계로 프론트, 백엔드 이것저것 닥치는 대로 하는 중이다. 오랜만에 자바스크립트를 하게.. 2023. 7. 23.
자바스크립트 Arrow Function 자바스크립트 Arrow Function Arrow Function은 함수를 정의하는 새로운 방법이다. 이런 게 언제 생겼는지 모르겠다. 사실 전문 웹프론트 개발자가 아닌 "나" 이기에... 새로운 문법이나 몰랐던 방법을 보게 되면 바로바로 기억해서 써먹어보고자 노력하는 편이다. 오늘은 화살표 함수에 대해 알아본다. 화살표 함수를 사용해 함수를 정의하면 기존 함수 선언식이나 함수 표현식에 비교해 구문이 짧아진다는 장점이 있다. 화살표 함수 내의 this는 언제나 상위 스코프 this를 가리킨다. 예제 // 함수 선언식 function hello(str){ return "Hello, " + str } // 함수 표현식 const hello2 = function (str){ return "Hello, " + .. 2023. 7. 16.
자바스크립트 for-in 과 for-of 문 이런저런 프로그래밍 언어를 사용하니 가끔씩 자바에 자바스크립트 문법 쓰고 PLSQL 조건문을 다른 언어에 사용하며 많지 않은 시간을 훌쩍 보내기도 한다. 다양한 언어를 사용해 보고 경험해 보는 것도 나쁘지는 않으나 시간이 그리 많지 않은 SI에 들어가서 반나절을 어이없는 문법 실수로 보내기도 한다. 그럴 때를 대비한 나만의 포스팅 //오브젝트 형태 let person = {fname:"김", lname:"봉두" , age: 25}; //for in 문법 for(const key in person){ console.log(person[key]); } //오브젝트를 배열로 만들수도 있지 않을까? let persons = [ {fname:"김", lname:"봉두" , age: 25}, {fname:"김1",.. 2023. 7. 16.
뉴발란스 신발 추천 2002 뉴발란스 신발 추천 2002 2023년 태어나 처음 뉴발란스 운동화를 구입했다. 아저씨들이 좋아하는 브랜드로 인식하고 있던 내가 뉴발란스에 관심을 갖기 시작한 것은 칭찬이 자자한 입소문 때문이다. 함께 일하는 동료 몇몇 분이 뉴발란스를 신고 다니시길래 그 브랜드 운동화 장점에 물었고 모두들 한결 같이 편하다고들 한다. 가격이 착한 편은 아니지만 아디다스 보다는 덜 늙어 보이고 나이키보다는 조금 유니크한 느낌이랄까? 뉴발란스 운동화는 어디서 사야 할까? 서너 달 전부터 뉴발란스를 신게 된다면 어떤 모델을 구입할까 심심할 때마다 구경하곤 했는데 가격이 천차만별이다. 이런저런 신발을 구경하던 중, 클래식하면서 993과 비슷하고 기능성도 어느 정도 탁월하며 특히 착용한 사람들이 의외로 많이 안 보이는 2002를.. 2023. 7. 15.
자바스크립트 서버 통신 Ajax, fetch, axios, XMLHttpRequest 자바스크립트 서버통신 Ajax, fetch, axios,XMLHttpRequest 객체 XMLHttpRequest 객체 대부분의 웹브라우저는 서버에 데이터를 요청하기 위한 XMLHttpRequest 객체를 내장하고 있다. XMLHttpRequest 객체는 서버로부터 XML 데이터를 전송받아 처리하는데 사용된다. XMLHttpRequest 오브젝트의 개념은 원래 마이크로소프트 익스체인지 서버 2000용 아웃룩 웹 액세스의 개발자들이 만들었다. XMLHTTPRequest라는 인터페이스가 개발되어 이 개념을 사용하는 2번째 버전의 MSXML에 구현되었다. 2번째 버전의 MSXML 라이브러리는 1999년 3월 인터넷 익스플로러 5.0에 포함되었으며 MSXML 라이브러리의 XMLHTTP 래퍼를 사용하여 액티브 X.. 2023. 7. 9.
무선 블루투스 헤드셋 QCY H2 Pro (중국의 실수 아이템) 무선 블루투스 헤드셋 QCY H2 Pro (중국의 실수 아이템) 한 달 전 QCY T13 이어폰을 구입하면서 순전히 궁금함과 재미에 이끌려 H2 Pro 무선헤드셋도 함께 구매했다. 헤드셋을 자주 이용하는 편은 아니다. 무겁고 거추장스럽고 내가 원하는 만큼의 음질은 아마도 30만 원 정도에 형성된 제품이 적당함을 잘 알고 있으므로... 이유야 어쨌던 QCY 이어폰을 찾아보다가 의도치 않게 여러 유투버들이 자주 언급하는 제품이 있기에, 대체 어느 정도의 가성비이길래 H2 pro를 리뷰까지 할까? 궁금해서 나도 구매해 보고 한 달 정도 사용해 본 후 포스팅을 써 본다. 헤드셋이 만원대라니 얼마나 제품이 허접할까? 저렴하다는 기대보다는 제품의 품질이 궁금했다. 머리가 닿는 곳과 귀 쪽에 쿠션이 달려 있어 편하게.. 2023. 7. 2.
반응형