티스토리

아무것도 아니다

검색하기

블로그 홈

아무것도 아니다

okky.tistory.com/m

Null+1 님의 블로그입니다.

구독자: 4

방명록 방문하기

주요 글 목록

Create React App을 사용하여 Typescript 프로젝트를 생성하는 방법 1. Create React App 설치 Create React App은 Node.js와 npm이 설치되어 있어야 합니다. 아래 명령어로 Create React App을 전역으로 설치합니다. npm install -g create-react-app 2. Typescript 템플릿 생성 아래 명령어로 Typescript 템플릿을 사용하여 Create React App 프로젝트를 생성합니다. npx create-react-app my-app --template typescript 위 명령어에서 my-app은 생성할 프로젝트의 이름입니다. 3. 프로젝트 실행 프로젝트 디렉토리로 이동한 후, 아래 명령어를 입력하여 프로젝트를 실행합니다. cd my-app npm start 4. 추가적인 작업 이제 Typescr.. 공감수 0 댓글수 0 2023. 4. 18.
CRA(Create React App) 환경에서 Emotion 설치해서 사용하기 원래는 스타일드 컴포를 가끔 사용하거나 그냥 일반 css파일을 사용하거나 혹은 scss를 사용하여 스타일링을 수정 등 했었습니다만 많은 사람들이 말하는 emotion이 궁금해서 한번 써보기로 결정 하지만 게으른 탓에 제대로 써보지도 못하다가 최근에 다시 토이프로젝트가 생성되어 도전합니다 설치 방법은 간단합니다. 터미널에서 아래와 같이 입력해줍니다 yarn add @emotion/react @emotion/styled or npm i @emotion/react @emotion/styled 저는 왠지 yarn이 좋아서 (가수 얀이 생각나서..? 연식 인증..) yarn을 사용합니다 사용법은 원래 아래 링크 주소를 통해서 익혔었는데요 https://howdy-mj.me/css/emotion.js-intro/ .. 공감수 2 댓글수 0 2021. 1. 28.
CRA(Create React App) + Eslint + Prettier 로 환경설정하기 자주 하는 셋팅이라 음 뭐 별거없군 하다가 삽질 너무 오래해서 ...ㅠㅠ 공유합니다 먼저 제 앞전 포스팅 보시고 노드나 npm 버전 다 lts로 맞춰두시구요. npx create-react-app 본인이 원하는 프로젝트명 위처럼 입력하시면 후라라락 프로젝트가 생깁니다 친절하게 터미널에 설명이 다 나오죠 (VScode 에서 기본 터미널을 git bash로 설정해두신 분이라면 조금 더 편할 것 같습니다) 설치가 완료되면 cd + 폴더명 입력 후 npm start 하시면 기본 화면에 진입합니다 이제 Vscode 익스텐션 마켓에 가셔서 Eslint랑 Prettier를 설치해주세요 설치가 완료되면 root 경로에다가 (package.json과 같은 경로) .eslintrc.json 과 .prettierrc.jso.. 공감수 0 댓글수 0 2021. 1. 28.
How to upgrade node version on Windows10 (윈도우 환경에서 노드버전 업그레이드 하는 방법) 제목이 장황하네요 그저 토이프로젝트 하나를 시작하려 했을 뿐인데 생각보다 삽질이 길었기에 공유하고자 합니다 우선 간만에 설정을 하려고 하니 Node LTS 버전이 살짝 바뀌어 있길래 손쉽게 업그레이드를 하고싶었습니다만 저는 평생 Mac없이 살아왔기 때문에... (just window) NVM이라는 훌륭한 노드버전 매니저를 이용할 수 없었습니다. 그래서 눈물을 머금고 그냥 무식하게 언인스톨 후 다운로드를 할까 했습니다만 왠지 자존심이 상해서 계속 찾아보다 보니 최근에 RN (리액트 네이티브) 셋팅할 때 사용했던 chocolatey가 눈에 들어오더라구요 https://chocolatey.org/packages/nodejs-lts Node.js LTS (Install) 14.15.4 Node.js is a J.. 공감수 0 댓글수 0 2021. 1. 28.
[React.js] 특정 화면에서 Header 혹은 Container 숨기기 최근에 간단한 페이지 구현 중에 헤더가 자꾸만 나타나서 여러가지 방법이 있겠지만 헤더 혹은 컨테이너같은 Wrapper를 특정 화면에서는 보이지 않게 하기 위한 방법을 나름대로 고민하고 삽질해본 결과 가장 간편하다고 생각되는 예를 공유하고자 합니다 Class 형 컴포넌트를 사용하시는 분들은 숨기고 싶은 컴포넌트(헤더, 컨테이너 등) 안에다가 아래 코드를 작성해주세요 render() { if (window.location.pathname === '/본인이 헤더 등을 숨기고자 하는 주소') return null; return ; } 위처럼 작성하시게 되면 성공입니다. 함수 컴포넌트에서도 크게 다르지 않습니다 Const Header = () => { if (window.location.pathname === '.. 공감수 6 댓글수 2 2020. 12. 9.
useMemo, useCallback, useReducer, useState 의 특징 (간단하게) 오랫만에 쓰는 글 최근 리액트를 아무리 봐도 자꾸만 하얘지는 머릿속에 감탄하며 책을 다시 보는 중이다. 그 중 헷갈리는 개념 몇개를 아주 간단하게 정리하여 공유하려고 한다. useMemo : 렌더링 성능을 최적화하기 위하여 주료 사용함 ( 특정 값이 바뀌었을 때만 렌더링 될 수 있도록 최적화를 도와줌) useCallback : useMemo와 거의 똑같은 성능을 가지고 있으나 함수를 재사용하는 용도로 주로 사용함 useReducer :useState보다 더 다양한 상태를 관리하기 위해서 사용하는 Hooks 현재상태를 미리 정의해 둔뒤 액션에 맞추어 작동할 수 있는 컨트롤러를 구현해놓음 후에 리덕스를 사용하기 위해서는 꼭 알아두어야 할 패턴 중 하나 useState : 렌더링 대상이 되는 state를 관리.. 공감수 0 댓글수 0 2020. 10. 26.
Create-react-app (CRA)에서 절대경로 설정하기 자주 글을 쓰지 못하네요 (게을러서) React를 쓰시는 분들은 자꾸만 경로를 설정할 때 ./ ../ ../ 등등 여러가지 짜증나는 일들을 겪으실 텐데요 ( 21년 1월 28일 갑자기 지난 포스팅 돌아보다가 수정) 이제 VSCODE를 설정해주셔야 해요 일반 자바스크립트로 리액트를 코딩 중이시라면 jsconfig.json 만약 타입스크립트로 리액트를 코딩 중이시라면 tsconfig.json 요렇게 파일을 들어가셔서 "compilerOptions": { "baseUrl": "./src" } 요렇게 추가해주시면 됩니다 이거 전체 복사해서 넣으시는거 아니고 저 가운데 baseUrl라인만 복사해서 넣으시면 됩니다 그리고 설정 마치시면 꼭 ../ ../ 이런거 찾아서 싹 지워버리시구요 그다음에 서버 껐다가 npm .. 공감수 0 댓글수 0 2020. 6. 17.
Git push error 해결방법 $ git push origin master To https://github.com/mrkyel/SSR.git ! [rejected] master -> master (non-fast-forward) error: failed to push some refs to (url) hint: Updates were rejected because the tip of your current branch is behind hint: its remote counterpart. Integrate the remote changes (e.g. hint: 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help.. 공감수 4 댓글수 0 2020. 1. 29.
This is probably not a problem with npm. There is likely additional logging output above. 사실 간단한 에러인데 약간 삽질하다 기록합니다 node.js 환경을 쓰시는 분들은 가끔 제목과 같은 문구를 마주하거나 사사로운 에러들을 마주치실 때가 있을 겁니다 그럴 땐 그냥 노드모듈을 제거하시거나 아니면 그냥 둔채로 npm install 을 입력해주시면 부족한 부분들을 다시 설치하게 되니 보통은 해결이 됩니다 가급적... 저처럼 라이브러리를 지웠다 깔았다 하는 행위를 반복하시다보면 반드시 꼬일거라고 생각합니다 ^^ .. 다들 심신에 문제없는 코딩데이 보내시길 바라며 이만 공감수 3 댓글수 0 2020. 1. 29.
VScode Styled Component 자동완성 기능 React 공부를 하다보니 예제를 따라칠 때 Styled Component를 따라칠 일이 많아졌다 하지만 자동완성 기능이 지원되지 않아서 넘나 귀찮은 것.. 마침 구글링해서 얻은 정보가 있어서 익스텐션 공유차 포스팅 위와같은 좌측 바에서 맨 아래를 클릭하고 검색창에다가 vscode-styled-components Extension 를 입력해주시면 되시겠습니다 설치하면 바로 자동적용되니 이제 편안한 React 개발공부 하러 다시 총총 공감수 10 댓글수 6 2020. 1. 15.
리액트 조건부 라우팅 방법 리액트에서 로그인 폼을 만들어 보는 예제를 진행 중에 로그인 버튼을 눌렀을 때 조건에 따라 로그인이 되고, 조건이 맞지 않으면 화면이 넘어가지 않도록 구현하기 위해 삽질을 잠깐 해보다가 무언가 단순한 걸 놓치고 있다는 생각이 들어서 공식문서를 참조했습니다. 우선 리액트에서 자주하는 삽질 중 하나이자 꼭 기억해야 할 내용으로 Form을 다룰 때 반드시 e.prevendefault를 활용해야 한다는 것입니다. 이를 설정해두지 않으면 자동으로 렌더링을 하기 때문에 조건을 걸어도 막을 수가 없습니다. 예를 들면 if (username === "admin" && password === "1234") { } else { e.preventDefault(); } 위와 같은 상황을 같이 보실 경우, username이 a.. 공감수 0 댓글수 0 2020. 1. 8.
a component is changing an uncontrolled input of type text to be controlled. 'value' prop on 'input' should not be null. 아마도 많은 사람들이 저랑 같은 상황을 언젠가 마주치지 않으실까 싶어서 공유합니다. 리액트로 form을 코딩하실 때에 제목과 같은 에러를 마주치실 일이 종종 있으실 겁니다. 그 이유를 찾지 못해 구글링과 Stackoverflow를 뒤지다가 문득 아이디어가 떠올랐습니다. 그냥 개발자 화면에 떠있는 에러 문구 자체의 의미를 좀더 깊게 생각해보자 라는 생각이었으며, 이슈 해결 후 방법 공유합니다. 위와 같은 에러가 발생하였으며 원인은 제가 value={this.props.value} 혹은 value={this.props.value || ''} 위와 같은 방법으로 문제를 해결하려 했다는 점입니다. 만약 value={this.props.value == null? "" : this.props.value} 와 같이 .. 공감수 0 댓글수 0 2019. 12. 11.
리액트네이티브 튜토리얼 - Expo로 간단한 프로젝트 만들기 안녕하세요. 사실은 이미 프로젝트를 제가 만들었는데 스크린샷을 못찍어놔서 글로 설명해야 할 것 같네요.. 포스팅 경험이 많지 않아서 그러니 양해 바랍니다. 먼저 읽고 계시는 분들의 컴퓨터에 전부 Visul Stuio Code가 깔려있다는 전제하에 시작하겠습니다. 우리가 Expo를 사용하기 위해서는 먼저 계정이 있어야 합니다. https://expo.io/ Expo Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. expo.io 위 링크로 접속하셔서 계정을 만드시면 되겠습니다! 그리고 우리는 npm과 Node가 깔려있어야 합니다. https.. 공감수 0 댓글수 0 2019. 11. 28.
리액트네이티브(REACTNATIVE) 란 무엇인가? 우선 이 글을 읽으시는 분들은 보통 2가지 부류로 나뉠 거라 생각됩니다. 리액트가 무엇인지 알고 들어오신 분 리액트도 모르고 리액트네이티브도 모르고 들어오신 분 저도 얼마 전 까지는 잘 모르던 사람으로서, 또 비전공자로서 모두가 알기 쉽게 이해하시도록 설명하려고 합니다. 사실 유치원생도 이해하기 쉽게 설명하고 싶지만.. 그렇게는 어려울 것으로 생각됩니다.. 우선 React란 무엇일까요? React는 페이스북에서 채택하고 있는 JavaScript 라이브러리로서 (VueJs와 AngularJs는 프레임워크) 프로젝트의 규모가 클수록 상태관리 라이브러리와 함께 웹 페이지를 멋지게 구현 및 관리할 수 있게 해 줍니다. 우선은 이 정도로만 설명하도록 하겠습니다. 저 말고도 구글링으로 리액트란 무엇인가 검색하시면 .. 공감수 0 댓글수 0 2019. 11. 26.
"Required String parameter '파라미터' is not present" 그리고 500에러에 대해서 간단한 에러기록입니다 스프링부트 튜토리얼 학습중에 발생한 에러입니다 Swagger UI를 통해서 그리고 Postman을 통해서 이것저것 해보는데 자꾸 제목과 같은 "Required String parameter 'uid' is not present" 에러가 나오길래 게다가 500에러까지 발견하니 내부로직이 잘못되어 있을 가능성이 높다는 구글링 정보를 통해서 아내가 뭔가 잘못썼구나 하고 한참을 삽질하다 보니 내부로직의 문제가 아닌 yml 파일의 jpa 설정 오류라는 것을 발견하였습니다. properties.hibernate.hbm2ddl.auto: update 여기서 update가 none으로 되어있던 것이죠 세상에는 수만가지 오류가 있는데 구글링 만으로는 한계가 있는것 같습니다 이럴 때 스스로 버그를 잡.. 공감수 0 댓글수 0 2019. 11. 8.
use the defaultvalue or value props on select instead of setting selected on option 리액트 프론트 페이지 개발자 도구에서 오류가 떴을 경우를 가져왔습니다. 뭐 결국 오류난 이유를 찾아보았더니 use the defaultvalue or value props on select instead of setting selected on option 말 그대로 제가 selected라는 옵션을 value와 함께 썼기 때문에 나왔던 빨간 줄이더군요 defaultvalue 를 설정해놓으면 selected가 필요 없는 것이니 value를 defaultvalue 로 바꾸어 준뒤 selected에 들어가있던 값을 넣어주고 selected 구문 자체를 삭제한 결과 해결되었습니다. 애초에 동작이 안되는 코드는 아니었으나 거슬리는건 지워야 하는지라... 다들 도움이 되셨기를 바랍니다 공감수 0 댓글수 0 2019. 11. 1.
[번역] 6개월 안에 풀 스택 개발을 배우는 궁극의 가이드, 단 3만 원으로! https://medium.com/@wongni/6%EA%B0%9C%EC%9B%94-%EC%95%88%EC%97%90-%ED%92%80-%EC%8A%A4%ED%83%9D-%EA%B0%9C%EB%B0%9C%EC%9D%84-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EA%B6%81%EA%B7%B9%EC%9D%98-%EA%B0%80%EC%9D%B4%EB%93%9C-%EB%8B%A8-3%EB%A7%8C-%EC%9B%90%EC%9C%BC%EB%A1%9C-430e26ad2448 [번역] 6개월 안에 풀 스택 개발을 배우는 궁극의 가이드, 단 3만 원으로! 웹 개발 공부 가이드 2017년 버전. medium.com 안녕하세요. 약간 포스팅 하신지 좀 된 글입니다만 비전공자가 풀스택 웹개발자가 되기에 제법 알.. 공감수 0 댓글수 0 2019. 10. 29.
Gatsby로 React 블로그 만들기 Gastby란 무엇일까 나같이 백엔드를 잘 모르는 사람들도 개인 블로그를 만들고 싶어한다 웹 포트폴리오로 쓸수도 있고 개인적으로 기술포스팅을 할수도 있고 암튼 용도는 다양할테지만 나는 React트로 정적 사이트를 생성하기 위해서 React 공식홈페이지에서 추천하는 Nextjs와 Gatsby 중 아직 사용하는 사람들이 많지 않은 Gatsby에대해 포스팅 해보려 한다 https://ko.reactjs.org/docs/create-a-new-react-app.html 위 링크에서 퍼온 사진들 그리고 Gatsby링크는 아래에 https://www.gatsbyjs.org/ 사실 위 한줄로 설명이 끝난다~! 하지만 분명히 나처럼 삽질할 사람들을 위해 정리해보는 걸로.. 첫 화면에서 Get Started를 클릭한다 .. 공감수 0 댓글수 0 2019. 10. 24.
MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit Nodejs 버전 12.9.0을 사용하다가 에러가 발견되어 기록 제목과 같은 에러가 뜨면서 npm install 이나 gatsby를 통한 정적 사이트 프로젝트가 생성이 안되길래 (같은 맥락) 구글링 해보니 해당 노드버전의 이슈인것 같아서 https://github.com/nodejs/node/issues/29239 12.9.0 MaxListenersExceededWarning · Issue #29239 · nodejs/node Version: v12.9.0 Platform: All platforms [This line edited by @Trott to help people arriving at this issue/] Started to happen after updating to 12.9.0. I'm .. 공감수 0 댓글수 0 2019. 10. 24.
Google 계정이 여러 Google Ads 계정과 연결되어 있어 AdMob에 가입할 수 없습니다 => 결국 해결했습니다.......^^ AdMob 가입이 이렇게 어려울 줄은 몰랐습니다. 어쩌다 보니 좀 돌아왔지만 다른분들은 시행착오를 좀 덜 겪으셨으면 하는 마음에 공유합니다. 일단 Google Ads 계정을 만들어서 들어가신 분들은 우측에서 계정추가 + 버튼을 누르면 계속해서 바로 계정이 생성되는 것을 목격하실 겁니다.. 근데 문제는 생기는건 너무 쉽게 생기는데 이게 삭제는 안된다는 점입니다. (구글에 직접문의해봄) 그런데 제목과도 같이 AdMob에서는 하나의 구글계정에 하나의 Google Ads 계정이 물려있어야 가입이 된다는 그지같은 말을 합니다 ㅠㅠ 그렇기에 저는 아무생각 없이 구글애즈 계정을 3개만든 죄로 2개를 없애야만 하는 상황에 처했습니다. 아무리 방법을 찾아도 적당한 방법을 찾지 못하다가 결국 구글애드 직원과 통화후에 해결.. 공감수 1 댓글수 1 2019. 10. 2.
remote: Permission to 블라블라 denied to 에러에 대해서... 안녕하세요. 초보입니다 Git 을 잘 쓰고 싶어서 요즘 CLI에서 연습을 하고 있는데, 이상하게 집에서 노트북으로 하면 자꾸 이래 꼬이고 저래 꼬이고 해서 삽질중입니다.. 그 중에서 remote: Permission to 블라블라 denied to (누군가의 id) 가 자꾸만 나오길래 구글링을 했더니 생각보다 단순한 문제더군요. 어쩐지 옛 멘토의 아이디가 뜨더라 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 바로 해결방법 포스팅 하겠습니다. 먼저 윈도우 제어판으로 갑니다 위와 같은 화면에서 좌측에 보시면 자격 증면 관리가 보이시죠? (윈도우7입니다...^^...죄송) 그 상태로 클릭해서 들어가시면 위와 같은 화면으로 이동합니다. 하단에 보시면 일반 자격 증명에 github.com 관련 내용이 있네요 !.. 공감수 1 댓글수 0 2019. 10. 2.
Google 계정이 여러 Google Ads 계정과 연결되어 있어 AdMob에 가입할 수 없습니다 후... 왜 검색해도 안나오는 것이냐 첨엔 내가 구글애드센스 계정이 2개라서 그런줄알고 애드센스 계정을 지우려다가 어떻게 해야하는지 몰라서 구글계정을 지우려다가 어떻게 해야하는지 몰라서 또 구글링해서 검색해서 계정삭제했는데 그래도 안되니까 열받아서 다시 찬찬히 찾아보니 구글 Ads 계정이 여러개여서 그렇단다 아 왜이리 이름도 비슷비슷하고 탈퇴도 쉽게 안만들어놨어 대체 DB를 어떻게 보관하길래 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아 너무 열받아서 ... 어찌할까 하고 찾아보니 이건 또 직접 요청을 넣어야 해결해주는거네요 ^^? 구글이 요즘 번거롭다는 생각을 자꾸 하게 됩니다. 안드로이드가 ios보다 더 승인받기 쉽다고 했는데 난 그렇게 쉽지도 않았고... 후............... 주절주절 etc.. 공감수 0 댓글수 0 2019. 9. 27.
문과생 비전공자가 웹 개발자가 되기까지.. 오랫만의 사설입니다 제가 개발자로 취업해서 이런 글을 올리는 날이 올거라고는 정말 상상도 못했습니다. 숫자라고는 단 1도 다루지 않는 외국어 전공자 출신이라서 막막했었던 나날들.. 저같은 분들이 꽤 많을거라 생각되기에 회고(?) 및 저만의 생각을 좀 적어보겠습니다. 1. 사설 학원으로 시작했습니다 정보보안전문가가 요즘 IT에서 핫하고 비전공자도 충분히? 할수 있다는 광고를 보고 참으로 많이 검색했었습니다. 결론적으로 100만원에 주1회 오프수업 그리고 인강까지 제공해준다는 학원을 등록했었는데요 여러가지로 문제가 있어서 그만두게 되었습니다. 주관적인 이유지만 적어보겠습니다 컴알못이 알아듣고 따라갈 수 있는 수업이 아니었습니다. 선생님이 행동파여서 무조건 하라고만 했지 방법을 잘 알려주시지는 못했습니다(비전.. 공감수 13 댓글수 24 2019. 8. 28.
모던웹을 위한 HTML5 + CSS3 바이블 3판 후기 안녕하세요 얼마전에 한빛미디어 도서 이벤트에 당첨되어 후기를 올립니다. 먼저 저는 웹개발에 관심이 있어서 공부중이었는데 마침 당첨된 책이 프론트엔드 개발 관련 책이어서 기분이 너무 좋았습니다 !! 요즘 웹 표준에 대한 중요성이 점차 강조되고 있는데요. alt text 같은것도 그렇고 nav 태그나 article 태그도 그렇고 과거의 습관 때문에 꼬이는 코드들을 없애고 최신 버전의 웹개발을 할수 있도록 강조되는 추세인것 같습니다. 모든 일은 기본이 중요하고 뼈대가 튼튼할수록 내용을 구축하기 좋다고 하지요. 그런 의미에서 저는 누구나 알수 있는 쉬운 내용이지만 손에 익혀서 표준 웹을 작성하기 위한 노력을 해야한다고 생각합니다. 그런의미에서 이 책은 정말 쉬운 말투로 모던 웹을 위한 코딩법이 소개가 잘 되어있.. 공감수 0 댓글수 0 2019. 8. 9.
스프링 프레임워크의 동작원리(Spring 원리) 대부분 학원 혹은 독학 으로 스프링 프레임워크를 통해서 게시판을 만드실 거라고 생각합니다 지금부터는 제 경험담입니다만.. 전 사실 이게 뭔지도 잘 모르고 자바에 대한 이해도도 부족한데 그냥 수업시간에 타이핑만 따라치고 그러다보니 게시판이 생기고 그렇구나 그렇구나 하면서 완성된 기능을 보고 감탄만 했습니다. 이렇게 되면 비전공자들은 어떻게 될까요? CRUD 매트릭스가 뭔지 대충 알기나 하지 혼자서 다시 짜라고 하면 게시판 짜는게 어렵지 않을까요 정말 삽질의 삽질의 삽질을 거듭하다 보니까 도대체 원리도 모르면서 제가 뭐하는 짓인가 싶었습니다. 사실 지금도 잘 모르지만 지금도 자세하게는 설명 못드리지만 중요한 초보로서의 끄덕끄덕은 공유하고싶어서 올립니다. 일단 위 그림을 보시고 이해를 하셔야 합니다. 자 먼저.. 공감수 3 댓글수 0 2019. 8. 1.
메이븐(Maven)이란 무엇일까? 그래들(Gradle)은 무엇인가? maven gradle 차이는? 스프링으로 프로젝트를 공부하려는 중 메이븐과 그래들이라는 단어를 처음 듣게 되었고 메이븐과 그래들에 대해서 들어보긴 했지만 자세한 개념은 잘 모르고 또한 이러한 생각을 가지시는 분들이 조금 더 계실 것 같아서 간단히 정리해 보려 합니다. 그래서 Maven이란? 아파치 메이븐은 자바용 프로젝트 관리 도구이다. 아파치 앤트의 대안으로 만들어졌다. 아파치 라이선스로 배포되는 오픈 소스 소프트웨어이다. 라고 일단 구글링 하면 나오는 것이죠? 한마디로 저희가 프로젝트를 진행하면서 사용할 수많은 라이브러리들을 관리해주는 도구입니다. 특징적인 점은 그 라이브러리들과 연관된 라이브러리들까지 거미줄처럼 다 연동이 되어서 관리가 된다는 점 즉 메이븐은 네트워크를 통해서 연관된 라이브러리 까지 같이 업데이트를 해주기 때문에.. 공감수 12 댓글수 3 2019. 8. 1.
스프링(Spring) Mybatis 게시판 만들기 (게시글 조회수 증가 로직) 대부분 저보다 이해력이 좋으시리라 생각하고 핵심만 설명드리자면 아 일단 스프링 버전은 5.0.2 로 진행중이었구요 이클립스로 개발한 부분입니다. 먼저 SQL문을 작성하셔야 할텐데요 그전에 테이블을 만드실 때 게시글을 클릭하면 조회수가 증가하는 것을 저장할수 있도록 테이블을 만드셔야 합니다. 저같은 경우는 board_hits 컬럼이 이미 만들어진 상태였구요 update board set board_hits=board_hits+1 where board_seq_no=#{board_seq_no} 위와 같이 쿼리를 작성했습니다. 게시글을 클릭하면 카운트가 1씩 증가하도록 작성했습니다. 그 다음은 DB 값을 뽑아주는 DAO로 가서 public void boardHitsUpdate(int num) { getSqlSe.. 공감수 1 댓글수 0 2019. 7. 24.
스프링 게시판 댓글갯수를 구하기 위한 서브쿼리(Sub Query) =#{start} and a.RNUM 스프링으로 게시판 댓글 갯수를 구하기 위해서 여러 시도를 하던 중에 제 코드를 공유하고 싶어서 업로드 합니다. 굳이 따로 나누는 것은 효율적이지 않다는 것을 인강을 통해서 깨닫고 게시글 목록을 뽑는 기존 쿼리 (괄호안에있는것을 빼면 된다) 안에 괄호를 통해서 서브 쿼리를 넣어서 cnt라는 alias를 주어 뽑아냈습니다. 저같은 경우는 다른 분께 지혜를 빌려서 이런 쿼리를 고민할때 디벨로퍼 같은 툴에서 먼저 쿼리문을 실행해본 뒤에 결과를 확인하고 그담에 이클립스 같은 툴로 옮겨서 작성하곤 합니다. 쿼리로 에러나기 시작하면 한도 끝도 없이 짜증나는 여러분들의 마음을 잘 알기에... 이제 다른 로직 짜러 가봐야겠네요..태클환영 저 쿼리의 이해가 안가시는 분들은 제 게시글 .. 공감수 0 댓글수 1 2019. 7. 23.
쓰레드란 무엇일까? (thread) 스레드(thread)는 어떠한 프로그램 내에서, 특히 프로세스 내에서 실행되는 흐름의 단위를 말한다. 일반적으로 한 프로그램은 하나의 스레드를 가지고 있지만, 프로그램 환경에 따라 둘 이상의 스레드를 동시에 실행할 수 있다. 이러한 실행 방식을 멀티스레드(multithread)라고 한다. 프로세스와 스레드의 비교 멀티프로세스와 멀티스레드는 양쪽 모두 여러 흐름이 동시에 진행된다는 공통점을 가지고 있다. 하지만 멀티프로세스에서 각 프로세스는 독립적으로 실행되며 각각 별개의 메모리를 차지하고 있는 것과 달리 멀티스레드는 프로세스 내의 메모리를 공유해 사용할 수 있다. 또한 프로세스 간의 전환 속도보다 스레드 간의 전환 속도가 빠르다. 멀티스레드의 다른 장점은 CPU가 여러 개일 경우에 각각의 CPU가 스레드.. 공감수 1 댓글수 0 2019. 7. 17.
3항 연산자란? 조건이 true 이면 왼쪽의 값을 조건이 false 이면 오른쪽의 값을 반환하는 연산자가 바로 3항 연산자 입니다 (삼항연산자) 조건문을 사용하여 가독성을 높이는 경우가 일반적이지만 우리는 때로는 3항연산자를 통하여 표현하기도 하며, if조건문을 쓸수없는 특수한? 상황이 생길경우에도 사용할 수 있습니다. 기억 저편에라도 두신다면 반드시 찾아 보실 연산자 ! 아래는 자바스크립트 예제를 코드블럭으로 옮겨본 예제이니 참고하시기 바랍니다 ^.~ var age = 33; var Allowingsmoke = (age > 18) ? "True, over 18" : "False, under 18"; console.log(Allowingsmoke); // "True, over 18" 공감수 1 댓글수 0 2019. 7. 16.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.