[JS] Emotion (CSS-in-JS)
·
Development/JavaScript
Emotion이란? Emotion은 JS로 css 스타일을 작성하도록 설계된 라이브러리다. Emotion은 프레임워크에 구애 받지 않고 사용이 가능하며, React에서도 사용 가능하다. @emotion/styled 패키지 https://www.npmjs.com/package/@emotion/styled `@emotion/styled` 패키지는 style을 가진 Component를 만들고 싶을 때 사용한다.
[LDAP] LDAP이란?
·
Development
디렉터리 서비스를 제공하기 위한 프로토콜 디렉터리 서비스 이름을 기준으로 대상을 찾아 조회하거나 편집할 수 있는 서비스 DNS도 디렉터리 서비스의 일종 DNS은 도메인 이름으로 IP 주소를 조회 프로토콜 프로토콜(Protocol): 약속, 규약, 협약을 의미하는 단어 컴퓨터 내부, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계 LDAP(Lightweight Directory Access Protocol)은 디렉토리 서비스를 제공하기 위한 프로토콜입니다. 기업 시스템과 보안 서비스에서 사용자 관리 및 인증 등에 사용됩니다. LDAP 이란? LDAP 이란 네트워크상에서 조직이나 개인, 파일, 디바이스 등을 찾아볼 수 있게 해주는 소프트웨어 프로토콜입니다. LDAP 이전에는 DAP(Direct..
프로토콜이란?
·
Development
프로토콜 프로토콜은 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식과 규칙의 체계이다. 프로토콜 종류 인터넷 접속을 위한 기본 프로토콜 - TCP/IP 홈페이지를 띄우기 위한 프로토콜 - HTTP 빠른 파일 송수신을 위한 프로토콜 - FTP 이메일을 보내고 받을 수 있는 프로토콜 - SMTP와 POP 인터넷 주소를 자동 할당, 설정하는 프로토콜 - DHCP 🤙 프로토콜은 '통신 약속' Reference https://it.donga.com/31842/
[Java] 자바 기본 정리하기
·
Development/Java
자바 기본 내용들을 복습하기 위해 정리하였습니다. 다른 언어와 유사한 부분은 생략하였습니다. (Python, PHP, C) 🧑🏻‍🏫 유튜브의 나도코딩님 '자바 코딩 무료 강의(기본편)' 9시간 영상을 참고하였습니다. 자바란? 자바는 썬 마이크로시스템즈의 제임스 고슬링과 다른 연구원들이 개발한 객체 지향적 프로그래밍 언어이다. 현재 웹 개발에서 가장 많이 사용되고 있으며, 안드로이드 애플리케이션 개발에도 사용된다. 사용 툴 인텔리제이 팁 psvm 또는 main을 입력하면 자동으로 public static void main () 이 자동으로 생성된다. sout 입력하면 System.out.println()이 만들어짐 한 줄 주석 단축키: Ctrl + / 여러 줄 주석 단축키: Ctrl + Shift + / ..
[ReactJS] ReactJS란?
·
Development
신기술을 배울 때 중요한 것은 누가 이 기술을 사용하는지 그들의 규모가 얼마나 큰지 꼭 살펴봐야한다. 관련 사이트 builtwith: https://builtwith.com npm: https://www.npmjs.com ReactJS 페이스북(현재 meta) 에서 제작하였다. 가장 큰 커뮤니티를 가지고 있다. React JS는 UI를 interactive하게 만든다. JSX는 JavaScript를 확장한 문법이다. HTMl과 유사해서 JSX로 React 요소를 만드는 게 개발자 입장에서 편하다. React Native React Native: ios나 안드로이드 어플을 React JS 코드로 만들 수 있게 해준다. babel 이란? https://babeljs.io/ babel: JSX 코드를 브라우..
[JS] 자바스크립트에서 사용되는 연산자 및 표현식
·
Development
'Spread', 'Optional Chaining', 그리고 'Destructuring'은 모두 자바스크립트(JavaScript)에서 사용되는 연산자 및 표현식입니다. 자바스크립트는 다양한 연산자와 구문을 제공하여 개발자가 보다 쉽고 간결하게 코드를 작성할 수 있도록 도와줍니다. 삼항 연산자(Ternary Operator): 삼항 연산자는 조건에 따라 두 개의 값을 반환할 때 사용하는 연산자입니다. 문법은 조건 ? 값1 : 값2 형태로, 조건이 참(True)이면 값1을, 그렇지 않으면 값2를 반환합니다. spread 연산자: ES6에 도입된 spread 연산자(...)는 배열이나 객체의 요소를 개별 요소로 확장할 때 사용합니다. 이를 통해 배열을 인자 목록으로 쉽게 전달하거나, 객체 리터럴을 조합할 수..
NGINX란?
·
Development
nginx.. 많이 들어보았고, 웹 서버라는걸 알고 있지만 자세히 조사해본적이 없는 것 같아서 정리하는 글 입니다. 웹 서버에는 보통 Apache 나 Nginx를 사용합니다. 그 중에서도 왜 Nginx를 더 많이 사용할까요? nginx Nginx (엔진엑스라고 발음)는 웹 서버, 리버스 프록시, 메일 프록시, 그리고 HTTP 캐시 기능을 제공하는 소프트웨어입니다. 이그로르 시쇼프(Igor Sysoev)에 의해 처음 개발되어, 2004년에 첫 공개 버전이 출시되었습니다. Nginx는 특히 높은 동시성 처리와 낮은 메모리 사용으로 유명하여, 고성능 웹 사이트를 운영하는 데 널리 사용됩니다. Nginx 는 웹 서버로 주로 사용되지만 웹 서버로만 사용될 수 있는 도구는 아닙니다. 위에서 언급했듯이 웹 서버 외에..
[k8s] Container 정리와 Single / Multi Container Pod 생성
·
Development/k8s
유튜브 따배쿠 강의를 듣고 정리한 내용입니다. 💡 쿠버네티스 Pod Container 정리와 Single / Multi Container Pod 생성 Container 정리 app.js라는 어플리케이션을 기준으로 컨테이너를 빌드한다. $ docker build -t smlinux/appjs $ docker push smlinux/appjs push라는 명령어를 통해 smlinux 계정 안에 appjs를 저장 컨테이너 하나는, 하나의 어플리케이션이다. 컨테이너는 애플리케이션을 환경에 구애 받지 않고 실행하는 기술 Pod란? 컨테이너를 표현하는 K8S 최소 단위 어플리케이션을 실행할 때 도커와 쿠버네티스의 차이: 도커: appjs 컨테이너 실행해줘 쿠버: appjs Pod 실행해줘 API를 통해서 컨테이너 ..