전체 글
React를 이용한 다른 색깔 찾기 게임 Clone Coding
리액트를 한번 경험해보고자 했었고 결과적으로 하길 잘했다는 생각이 들었다. 작업시간이 그렇게 오래걸리지 않았고 오히려 새로운 언어 형식이라 흥미로웠다. 추후에 시간이 된다면 Next.js를 한번 다뤄보고싶다. React App find-color-game.vercel.app GitHub - Clockingjun/find-color-game Contribute to Clockingjun/find-color-game development by creating an account on GitHub. github.com 설계 과정에서 헤맸던 문제 맨바닥에서 시작하려다보니 개념적인 부분에서 머리를 너무 많이 굴렸다. 결과적으로는 컴포넌트를 총 3개를 만들었고 데이터를 공유하기 위해서 게임판에서 모든 데이터를 만들..
[Java vs Node.js] 무엇이 더 좋을까?
비교 서버를 사용할 때 두 기술은 비교 자체가 무의미 할 정도로 장단점이 존재하고 시장 점유율도 높다고 한다. 다른 말로 하자면 Java를 배우는데 있어 Node를 안배울 이유가 없고 Node를 배우는 데 있어 Java를 안 배울 이유가 없다는 뜻. 특히 Node는 중국, 한국 제외 거의 모든 나라에서 웹 애플리케이션 개발에 주로 쓰이고 있을 정도라고함(그랬어..?) 두 서버 기술을 비교하자면 아래와 같다.(해외 사이트 이곳저곳 긁어온 결과) Java Node 학습 어려움 쉬움 Job Trend 수요 많음(한국에서 더 많음) 수요 많아지고 있음(외국에서 더 많음) 성능 고성능 Java에 비해 '상대적'으로 성능 낮음 메모리 사용 높음 낮음 여기서 제일 큰 부분이라 여겨지는건 한국에선 채용 측면에서 그래도..
alert 위치 모를때 위치 찾는 법
alert이 뜨긴 뜨는데 어디서 뜨는지 모를 때.. 콘솔 or 소스에 아래 코드 입력하면 alert 위치 탐색 가능 var old = alert; alert = function() { console.log(new Error().stack); old.apply(window, arguments); };
[ES6] Ajax(Callback, Promise, Async&Await)
Ajax는 전체페이지를 리로드 하지 않고 페이지의 일부분만 동적으로 변환시키기 위해 사용한다. Ajax를 사용할 땐 꼭 비동기식을 사용해야하는데 이유는 이렇다. "It's asynchronous in that it doesn't lock up the browser." "브라우저를 잠그지 않는다는 점에서 비동기식입니다." Ajax를 호출 시에 브라우저가 멈추지 않는다는 뜻이다. Ajax의 특징은 이만하면 됐고 기술론적 이야기를 해보자. 1. CallBack $.ajax({ url: "input url_1", type: "post", data: data, success: function(res_1) { $.ajax({ //콜백지옥 url: "input url_2", type: "post", data: res..