본문 바로가기

분류 전체보기116

클라우드 Ubuntu 서버의 콘솔 reboot에 대해 ubuntu 를 클라우드에서 서비스받고 있다면 콘솔로 재기동하는 것은 신중하게 또 신중하게 해야 한다. 서버를 콘솔 재기동 후에 아래 에러 메시지를 계속 시도하면서 보게 되면 정말 힘들어 진다. Network Error: Connection refused 아무것도 한게 없고 단지 콘솔 리부트를 한 것이 모두이다. 그래서 서버 운영은 보수적으로 신중하게 (심할정도로) 해야 한다 리눅스 시스템을 shut down하기 위해서는 약간의 기교가 필요하다. 시스템이 운영되고 있는 동안 리셋 스위치를 누르거나 전원을 끄면 파일시스템에 손상이 오게 된다. 커널은 메모리 버퍼에 디스크 I/O의 정보를 담고 있기 때문에 만일, 커널이 그 버퍼를 디스크에 저장할 기회를 주지 않고 재부팅시키면, 파일 시스템이 손상된다. 또 .. 2023. 1. 29.
spring boot를 설치해 보자 예전 spring이 막 나오던 시절에는 spring도 eclipse pugin 형태로 설치하여 사용하였다 하지만 그 로드 속도나 태생적인 한계의 java swing 형태로 만들어져 있는 프로그램이기에 사용기에는 가히 불가능할정도로 느려지기도 하여 결국 패키지 형태의 spring tools의 묶음이 배포되기에 이르게 된 것이다. 사실 안드로이드 스튜디오도 마찬가지로 eclipse plugin의 형태로도 가능하나 속도문제와 메모리 사용 문제로 그것도 별도 패키지 묶음으로 별도 이름의 안드로이드 스튜디어로를 사용할 수 있다. 최근에는 무척 쾌적해진 프로그램 무게로 쾌적한 개발환경을 제공하고 있다. 각설하고 아래와 같이 처음으로 스프링 개발을 위한 스프링 개발 환경을 만들어 보자 스프링은 자바언어로 만들어진 프.. 2022. 12. 18.
(1) Two Sum of Blind 75 LeetCode Questions 이번에는 코딩테스트 문제를 leetcode 에서 나오는 핵심적인 묶음 문제인 Blind 75 LeetCode Questions 중에서 75개를 순서대로 풀어볼 예정이다. 사용언어는 JAVA 이다 https://leetcode.com/discuss/general-discussion/460599/blind-75-leetcode-questions Blind 75 LeetCode Questions - LeetCode Discuss Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com (1) .. 2022. 11. 7.
(10) 오라클클라우드에서 무료로 제공하는 블록볼륨을 연결해 보자 1 (1) 오라클 클라우드 Free Tier 가입 (VM2개,100G 하드, 10TB 트래픽 평생무료) 2 (2) 오라클 클라우드 Free Tier 무료계정에 linux,nginx,mariadb,PHP,wordpress 몽땅 쓸어넣자 3 (3) 오라클 클라우드에서 unbuntu, nginx, php7 설치 4 (4) 오라클 클라우드에서 mariadb, phpmyadmin 설치 5 (5) 오라클 클라우드에서 도메인 설정, 샌드메일 설치 6 (6) 오라클 클라우드에서 nginx, https 사용을 위한 무료 SSL인증서 설정 7 (7) 오라클 클라우드에서 사용하는 워드프레스(wordpress) 설정 8 (8) 오라클 클라우드에서 무료로 사용하는 워드프레스, DB 백업과복구 9 (9) 오라클 클라우드에서 무료.. 2022. 8. 25.
CSS 반응형 웹(Mobile Responsiveness)의 기초 반응형 웹이 무엇일까요? 하나의 웹 템플릿으로 모든 디바이스에서 해당 컨텐츠들을 잃어버리지 않고 편안한 폰트사이즈와 레이아웃으로 보고자 하는 것이 목적 일 것입니다. 그런데 반응형 웹 말고 적응형 웹도 있다는 사실을 아시나요? 사실 모바일 시대가 도래하면서 반응형 웹을 구현하는 것이 쉽지가 않았습니다. 왜냐하면 재구축을 해야 하기 때문이죠 그래서 기존에 데스크탑 용 템플릿을 그대로 두고 추가되는 디바이스에 필요한 css 템플릿을 추가하는 형태로 운영하였습니다. 그 2가지의 특징을 알아보겠습니다. 이 중에서 반응형 웹이 현재로서는 대세이고 범용 기술입니다. 그리고 우리가 이것도 이해해야 합니다. 웹개발 그중에서 CSS 개발할때 모바일 퍼스트(mobile first)로 개발할지 데스크탑 퍼스트(desktop.. 2022. 5. 25.
CSS 포지션(position) CSS 에서 포지션에 대한 이해와 사용은 중요합니다. CSS에서 포지션(position)이란? HTML에서 요소(엘리먼트)를 화면상에 어떻게 배치할 지를 지정하는 속성입니다. 즉 포지션 속성을 이용하면 텍스트나 이미지를 원하는 위치로 배치하고 어떤 방식으로 사용할지를 결정할 수 있습니다. 포지션 속성을 지정하는 값은 5가지가 있습니다. static, relative, absolute, fixed, sticky 1) static position - static 포지션은 기본 포지션입니다. - 즉, 명시적으로 기술하지 않으면, static 이라고 보면 됩니다. - 포지션은 내부적으로 top, bottom, left, right 속성들이 있지만 static 포지션인 경우는 위치상으로 아무런 변화가 없습니다. .. 2022. 5. 10.
CSS 디스플레이 타입 (display types) css에서 개념적으로나 사용상으로 중요한 부분 중 하나가 css 디스플레이 타입에 대한 내용입니다. 이것을 사용하기전에 해당 개념에 대해서 이해하는 것이 필수적입니다. (1) 요소의 종류 * 연습 소스 *block태그(영역설정,한줄엔터)* 제목태그 1 제목태그 2 *inline태그(영역불가,한줄연결)* 링크태그 1 링크태그 2 *inline-block태그(영역설정,한줄연결)* 1 2 (2) display 속성 사용법 위의 3가지 요소를 가지고 아래와 같이 디스플레이를 선언해서 사용합니다. * 연습 소스 *block태그(영역설정,한줄엔터)->inline태그* 제목태그 1 제목태그 2 *inline태그(영역불가,한줄연결)->block태그* 링크태그 1 링크태그 2 *inline-block태그(영역설정,한줄연.. 2022. 4. 29.
CSS에서 사용하는 크기조정(Pixels, rem, em) 픽셀은 절대 단위이며 rem과 em은 상대 단위입니다. (1) 픽셀 (pixel) 정의 정의 : 절대(absolute)단위는 어떤 상황에서든 항상 고정된 길이를 나타내는 단위입니다. 대표적으로 많이 사용되는 단위가 픽셀(px)입니다 즉, 실생활에서 1cm가 항상 1cm 인 것처럼, 1px도 항상 1px입니다 1px(=0.02645833cm) (2) rem 정의 rem은 root em의 약자입니다. 즉 최상단(root)의 기준으로 크기를 맞추겠다는 의미인데 최상위 태그인 html에 정의된 사이즈를 기준으로 배수하겠다는 것입니다. (3) em 정의 em은 부모 요소를 기준으로 자식 요소의 크기를 정하는 것 em은 이와 같이 상위의 부모요소의 폰트사이즈를 기준으로 하기 때문에 아래와 같이 해당 요소를 계속 중.. 2022. 4. 6.
아마존(amazon)의 LP(leadership principal) 14가지 원칙 예시(example) 아마존 리더십원칙 14가지는 제목만 가지고는 상당히 추상적인 의미로 밖에 다가오지 못해서 제대로 인터뷰를 준비하기 어렵습니다. 각 LP 14가지 항목이 어떤 질문인지 아래와 같은 sub question이 필요하다 하겠습니다. 아래 샘플 질문들을 통해 14가지 원칙에 대한 자신의 케이스를 2개 정도씩만 준비하면 (2*14 = 28개 많네요 ㅠ) 아마존 LP 인터뷰는 어렵게 생각 안해도 될 거 같습니다. 본 문서의 원본 링크도 남깁니다. https://www.levels.fyi/blog/amazon-leadership-principles.html Amazon Leadership Principles: Questions and Interview Tips Examples of Amazon Leadership Pr.. 2022. 2. 7.

티스토리툴바