개발공부 임고미

프로그래머스 링크 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 알고리즘 공부를 시작하며.. 어떤식으로 공부해보면 좋을지, 어떤식으로 정리할지 계획을 세워봤다. 1. 목표는 내가 쓰고자 하는 로직을 글로 먼저 적어본뒤 코드로 그 플로우 그대로를 따라가는것! 2. 30분이상 고민하지 말고, 정답 찾아본 뒤 스스로 다시 풀어볼것 (다음날 한번 더!) 3. 성공했을시, 다른사람들의 풀이를 보고 배우고싶은 코드를 1개 이상 가져와 분석해보기! 푸드 파이터 대회 // 맨앞 물을 제외한 음식만 있는 배열을 만든다. // 각 음식이 홀수이면 -1 짝수면 그대로 둔다...

리액트 네이티브 웹뷰내에서 페이지간 이동할때 로딩값을 확인하고 싶었으나,. WebviewEvent에서 보여주는 loading은 웹뷰가 처음 실행될때만 바뀌고 그 이후에는 계속 변화가 없는 의미없는 값이었다. 해당 값으로는 웹뷰가 처음으로 로딩될때 어떤 컴포넌트를 보여줄지를 컨트롤하는데 사용되고 있었다. 그래서 페이지간 로딩값을 어떻게 구할 수 있을지 고민하다 한가지 얻은 답은 웹뷰의 injectedJavaScript을 이용하는 것이었다. injectedJavaScript은 웹뷰내에서 작동될 JS를 적어줄 수 있는 곳인데, 이곳에 내가 원하는 코드를 삽입함으로써 이문제를 해결할 수 있었다. 해결책은 다음과 같았다. 웹뷰 현재 링크(currentUrl)와 NavigationStatechange에서 주는 ur..

목차 0. 들어가며 1. 알 고쓰자 TypeScript : 왜 타스인가 ? 2. 타입의 종류 결론부터 얘기하자면, 다음과 같다. 왜! TypeScript? 1 강력한 객체지향 프로그래밍이 가능하다. 2 모듈성 있는 코드 개발하기에 좋다. (재사용 가능) 3 기존코드 문제해결이 쉽다. 유지보수하기 수월하다. 4 타입을 정해주므로써 문서화효과를 기대할 수 있다. (가독성이 높다) 5 정적 타입언어로써 개발 단계(컴파일 단계)에서 이슈를 잡아낼 수 있다. 6 모든 브라우저에서 호환 가능하도록 만들 수 있다. 1 강력한 객체지향 프로그래밍이 가능하다. JS도 class를 이용해 객체지향 프로그래밍이 가능하긴하지만, TS를 이용하게되면 interface, Class등을 이용해서 좀 더 객체지향적 프로그래밍이 가능..

목차 0. 들어가며 1. 알 고쓰자 TypeScript : 왜 타스인가 ? 2. 타입의 종류 시간을 내어 처음부터 다시 훑어보는.. 타스 뽀개기!를 시작해보겠다.( 제발 뽀개져라!! ) 다시 공부하게 된 계기는 여러 가지가 있겠지만 몇 가지를 얘기해보겠다 실무에서 타입스크립트를 사용 중이지만, '좀 더 잘 쓸 수 있을 것 같은데~!'라는 생각을 매번 하고 있었다. 왜냐면 타입을 거의다 interface로 생성하고 있어서 말이다 ^^.. 또 다른 한 가지는 최근 지인과 이런 대화를 나눈 적이 있었다. 🙋🏻‍♀️ : 타입스크립트,, 왜 쓰는 거야? 자바스크립트가 훨씬 편하고 더 좋은 것 같아. 굳이 필요한가 싶어 🐵 : 타스를 사용하게 되면 런타임이 아닌 개발단계에서 에러를 쉽게 잡아낼 수 있어! 🙋🏻‍♀..

React만 사용해 봤었는데.. 회사에서 Next.js를 사용해서 새로 공부를 하게 되었다. 먼저 React와 Next의 가장큰 차이점은 SEO와 첫랜더링 속도 차이 인것같다. 정리하자면 React.js Next.js CSR SSR 첫 랜더링은 느리지만 이후엔 빠름 서버에서 뷰를 그려오기떄문에 상대적으로 느림 SEO가 걸리기 힘들다. 첫 html에있는 정보만 알고 바뀌는 페이지의 meta를 읽지 못함 SEO유리하다. 서버에서 그려오기때문에 바뀌는 정보들로 받아온다. 그러면, React와 Next중 Next를 선택해서 사용하는 이유는 뭘까? 가장 큰 이유는 SEO라고 생각한다. 그렇다면 SEO란 무엇일까? SEO = 검색엔진 최적화 로서, 검색엔진이 이해하기 쉽도록 홈페이지의 구조와 페이지를 개발해 검색 ..

Loopback에서, filter을 해줄때 url에 특수문자가 포함되게 검색할경우, 제대로 확인이 안되는경우가 발생합니다. ex) # = %23 var preNo = '#product_1' $.ajax({ type: 'GET', url: url+'products?filter={"where":{"preNo":"'+preNo+'"}}', success: function (data) { console.log(data); }, error: function (error) { console.log(data) } }) 검색해야하는 것 : preNo preNo의 내용: #product_1 위 코드의 결과 기대값: "where":{"preNo":"#product_1'"} 결과: "where":{"preNo":"preNo..