끄적끄적

1. Synology 메모리 추가 장착 Synology 정품에서 제공하는 메모리 종류와 클록수를 확인한다. 현재 본인이 사용중인 DS220+의 경우 DDR4 2666MHz의 클록수를 갖는 노트북용 램을 인식하는 것으로 보인다. 현재 추가장착한 제품은 아래와 같다. https://www.11st.co.kr/products/3623415156?&xfrom=&xzone= 위의 제품은 8GB인데, 추후 메모리에 압박이 심하다면 16GB 추가 장착을 해보려한다.

1. 특정 경로의 파일들에서 특정 키워드가 들어가는 파일 찾기 # 현재 디렉토리의 모든 파일들에 대해, "hello world" 라는 키워드를 찾는다. # -d "recurse"은 grep에서 제공하는 옵션으로 디렉토리에 대해 recursive하게 찾으라는 뜻이다. # default 옵션은 -d "read"이기 때문에 -d 옵션을 주지 않으면 지저분하게 아래와 같은 출력이 생긴다. # folder1 Is a directory # folder2 Is a directory $ find . -name "*" | xargs grep -d "recurse" "hello world" 2. 복잡한 문자열에서 ip만 추출하여 print 찍어주는 파이썬 스크립트 import re from functools import ..

1. 리액트 탄생 배경 JSON 객체 값을 반영하는 뷰가 있다고 가정하자. { "title": "0603 diary", "contents": "today will be happy", "author": "sungil", "likes": 1 } 0603 diary today will be happy sungil 1 likes값이 2로 변한다면 애플리케이션에서 post-1의 likes 요소를 찾아 값을 변경해서 보여주면된다. 위의 간단한 상황에 대해서는 단순한 규칙으로 likes에 들어가는 값을 바꿔줄 수 있다. 그러나, 이러한 작업이 애플리케이션 규모가 복잡해지면, 제대로 관리되지 못할시 성능이 떨어진다. 페이스북개발팀에서는 이러한 변화가 생길 때, 어떤 변화를 줄지 고민하는것이 아닌 기존 뷰를 날려버리고 ..

리액트에서 사용되는 JSX가 무엇인지 공부하고, 기본 문법을 정리한다. 1) JSX란? 자바스크립트 확장 문법으로, 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환됩니다. /* JSX 코드 예시 */ function App() { return { Hello react }; } /*변환된 일반 Javascript 코드*/ function App() { return React.createElement("div", null, "Hello ", React.createElement("b", null, "react")); } 바벨은 자바스크립트 문법은아니고, 위처럼 코드변환 역할을 수행한다. JSX코드를 이용한 쪽이 코드작성이 쉽고, 가독성도 좋아보인다. ..