공부혜옹

1. React app생성하기(터미널) $ npx create-react-app my-app 이때 my-app은 자신이 원하는 앱 이름을 입력해준다. 2. my-app으로 directory 이동하기 $ cd my-app 3. start 스크립트 실행 $ npm start 4. Production build 생성하기 $ npm run build 5. Serve 설치하기 $ npm install -g serve 개인적으로 참고한 강의에선 -g 은 글로벌 옵션이기 때문에 설치한 컴퓨터 모든곳에서 사용가능하고 super user여야 글로벌 명령어를 설치할 수 있기 때문에 sudo를 앞에 붙인다고 설명하셨으나, 본인은 sudo를 붙일때 오히려 Command Not Found 에러가 떠서 sudo를 제외하고 실행했..

React란? : 화면을 만들기 위한 자바스크립트 라이브러리 -> 웹페이지를 쉽게 만들 수 있게 도와주는 녀석! 라이브러리란? : 자주쓰는 기능들을 모아놓은 것 React의 장점 : 1. Virtual DOM을 사용해 빠른 업데이트와 렌더링 속도 최근의 웹페이지들은 사용자들과 상호작용이 굉장히 많이 이루어진다. 버튼을 클릭하거나 누를때, 입력을 할때 등과 같은 상호작용으로 인해 페이지에 업데이트가 수시로 이루어지게 되는데 이때 웹페이지 전체를 업데이트하는 것은 성능면에서 굉장히 비용이 많이 발생하는, 비효율적인 작업이다. 이러한 부분을 React에서는 실제DOM(위 그림에선 Browser DOM)을 수정하는 것이 아닌, Virtual DOM을 사용하여 수정하여 실제DOM에서는 수정이 필요했던 최소한의 부..

방문자 유입 경로를 보니 SNS가 90% 이상 검색은 0%..? 실제로 내가 쓴 포스트 제목을 복붙 해 검색해보았지만 내 글은 뜨지 않았다 흐긓ㄱ 자기만족형 공부블로그라지만 타인과 정보를 공유하기 위한 목적 또한 분명하기에 이 문제를 개선하고자 또다시 구글링 했다.. 대학 2년 다니면서 늘어난 것 → 전공지식 X 구글링 실력 O 구글에 티스토리 노출을 하고 싶다면? https://hae-ong.tistory.com/6?category=813175 구글에 티스토리 글 노출:: URL 검사 / 구글 RSS등록 / 구글 웹마스터 방문자 유입 경로를 보니 SNS가 90% 이상 검색은 0%..? 실제로 내가 쓴 포스트 제목을 복붙해 검색해보았지만 내 글은 뜨지 않았다 흐긓ㄱ 자기만족형 공부블로그라지만 타인과 정보..

방문자 유입 경로를 보니 SNS가 90% 이상 검색은 0%..? 실제로 내가 쓴 포스트 제목을 복붙해 검색해보았지만 내 글은 뜨지 않았다 흐긓ㄱ 자기만족형 공부블로그라지만 타인과 정보를 공유하기 위한 목적 또한 분명하기에 이 문제를 개선하고자 또다시 구글링 했다.. 대학 2년 다니면서 늘어난 것 → 전공지식 X 구글링 실력 O 네이버에서도 블로그를 노출하고 싶다면? https://hae-ong.tistory.com/7?category=813175 네이버에 티스토리 글 노출::네이버 RSS 등록 / 네이버 웹마스터도구/ 네이버 웹 페이지수집 방문자 유입 경로를 보니 SNS가 90% 이상 검색은 0%..? 실제로 내가 쓴 포스트 제목을 복붙 해 검색해보았지만 내 글은 뜨지 않았다 흐긓ㄱ 자기만족형 공부블로그..

멋쟁이 사자처럼 6기를 시작하면서 Ruby on rails를 배우게 되었었는데 타 학과 코딩 무지렁이였던 나는 ruby와 ruby on rails가 무슨 차이인지도 몰랐었다. "루비는 언어고 루비 온 레일즈는 프레임워크야!" 그래서 프레임워크가 도대체 뭔데..ㅠ C# .NET설명하려다가 프레임워크를 설명하는데 너무 길어져서 따로 빼서 쓰는 글 소프트웨어 어플리케이션이나 솔루션의 개발을 수월하게 하기 위해 소프트웨어의 구체적 기능들에 해당하는 부분의 설계와 구현을 재사용 가능하도록 협업화된 형태로 제공하는 소프트웨어 환경을 말한다. 네이버에 프레임워크를 검색하면 나오는 설명이다. 프레임워크를 몰라서 검색했는데 모르는 용어가 더 늘어났다. 프레임워크란? 사용자가 구현하고자 하는 기능을 쉽고 빠르게 제공해주는..

일반적으로 객체 지향 프로그래밍에서 객체의 데이터는 외부에서 직접적으로 접근하는 것은 막는데, 그 이유는 객체의 데이터를 마음대로 읽고 변경할경우 무결성이 깨질 수 있기 때문이라고한다. ​ 클래스를 선언할 때 가능하면 필드를 private로 선언해서 보호하고 Setter와 Getter를 사용해 안전하게 사용하는 것이 좋다. ​ 예를들어 세상에 몸무게가 음수인 사람은 없다. mySecret.weight = -10; ;하지만 위의 코드의 경우 Secret 객체의 weight 필드값을 음수로 설정한다. 이런 일들을 방지하기 위해서 외부에서 데이터를 직접 접근할 수 없도록 막고, 메소드를 거쳐 데이터를 접근하도록한다. 외부→데이터 (x) 외부→메소드→데이터 (o) 이것을 가능케 하는것이 바로 Setter메소드이..

이클립스와 깃허브를 연동하던중 commit단계에서 뜬 경고창이다.. staged files가 없다는데 뭐 어쩌라는건가 싶었고 ( 경고할거면 해결책도 같이 주던가) 결국 구글링해서 해결방안을 찾아냈다. ​ 너무 쉽고 별거 아니라 허무할 수 도있는 포스트지만 미래의 내가 또 까먹을거같기 때문에 포스팅한다. https://hae-ong.tistory.com/2 [GitHub] 이클립스연동하기 https://github.com/ Build software better, together GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 mill..

https://github.com/ Build software better, together GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com 교수님께서 자바 과제를 많이, 그리고 복잡하게 내주시는 편이시다보니 한학기동안 피땀눈물흘려 짠 내 코드들을 그냥 날려버리기 아까워서 깃에 저장하기로 했다. 하지만 생각해보니 나는 이클립스에서 한번도 깃푸쉬해본적이 없었고.. ​ 혹시나 나 처럼 갑자기 이클립스에서 연동해보고 싶다 하는 분들을 위한 글. 껄껄 1. 깃허브 로그인 후 new repo..