목록분류 전체보기 (61)

GrowMe

[Linux] 텍스트 에디터 nano

텍스트 에디터 nano # 에디터 사용 이유 # nano 실행 # 화면 살펴보기 # 파일에 접근 ＊터미널에서 에디터를 사용하는 이유 AWS(Amazon Web Service)와 같은 원격 서버 환경에서 원격으로 텍스트 파일을 편집해야 하는 경우 ＊nano의 사용법 - nano 실행 nano hello.java # hello.java를 nano에서 엽니다. nano # 그냥 실행할 수도 있습니다. - nano 화면 살펴보기 (A) 파일 이름 안내 (B) 파일 편집 화면, 여기서 텍스트 파일 편집 (C) 사용에 필요한 단축키 ^X : Ctrl + X - 파일 열기 nano 파일이름 파일을 열기 위해서는 단축키 화면에 표시된 것처럼 ^R 를 입력합니다. 기본적으로 파일 이름을 입력하도록 화면이 안내되어 있지만..
etc .. (with Progrmmaing) 2022. 6. 22. 17:49
[Linux] CLI 의 기본 명령어

CLI의 기본 명령어 # Linux # 터미널 # CLI # 기본적인 명령어 ＊터미널 실행하기 - Ubuntu 단축키: ctrl + alt + t 대시 홈을 이용해 터미널을 실행하는 방법 대시 홈을 클릭하여 Ubuntu에 설치된 모든 응용 프로그램을 확인할 수 있는 대시보드로 이동합니다. 대시보드 상단의 검색창에 Terminal을 입력하고 Enter를 누르거나, 화면에 나타난 프로그램을 클릭합니다. 대시보드를 좌, 우로 넘기면서 Terminal 프로그램을 찾아 실행할 수도 있습니다. - macOS(Apple) 런치패드(Launchpad)를 이용해 터미널을 실행하는 방법 하단의 독(dock, 설정에 따라 화면의 모서리 중 다른 곳에 위치할 수 있음)에서 런치패드를 클릭합니다. 런치패드가 열리면, 상단의 검..
etc .. (with Progrmmaing) 2022. 6. 22. 17:22
[CSS]페이지 레이아웃의 방법

페이지 레이아웃 # 레이아웃 # CSS 셀렉터 규칙 # Flexbox # grow와 shrink # 콘텐츠의 정렬 방법 ＊레이아웃 대부분의 경우 콘텐츠의 흐름은 좌에서 우, 위에서 아래로 흐름 CSS로 화면을 구분할 때에는 수직분할과 수평분할을 차례대로 적용하여 콘텐츠의 흐름을 따라 작업을 진행 수직분할 : 화면을 수직으로 구분하여, 콘텐츠가 가로로 배치될 수 있도록 요소를 배치합니다. 수평분할 : 분할된 각각의 요소를 수평으로 구분하여, 내부 콘텐츠가 세로로 배치될 수 있도록 요소를 배치합니다. - 레이아웃 리셋 박스의 시작을 정확히 (0,0)의 위치에서 시작하고 싶은데, 태그가 가진 기본 스타일에 약간의 여백이 있음 width, height 계산이 여백을 포함하지 않아 계산에 어려움이 있음 브라우저(..
About FrontEnd 2022. 6. 22. 16:45
CSS의 기초에 대하여

CSS # HTML에 CSS 적용하는 방법 # 선택자 규칙 # CSS의 두 단위 # 박스 모델 ＊CSS로 기본적인 스타일링 하기 시맨틱 태그 : 자신들이 어떤 역할을 하는지 그 이름을 통해 표현 Ex) CSS를 여러 요소에 적용하기 위해서 class를 사용. class는 #이 아닌 .을 이용해 선택 🎫 여러 class를 한 요소에 적용하기 여러 class를 하나의 요소에 적용하기 위해서는, 공백으로 적용하려는 class의 이름을 분리 ※ id와 class의 차이점 id class #으로 선택 .으로 선택 한 문서에 단 하나의 요소에만 적용 동일한 값을 갖는 요소 많음 특정 요소에 이름 붙이는데 사용 스타일 분류에 사용 ※ id 및 class를 목적에 맞게 사용하기 id : 고유(유일)한 이름을 붙일 때 ..
About FrontEnd 2022. 6. 22. 03:22
HTML의 기초에 대해

HTML 기초 # HTML의 기본 구조 # HTML의 요소 ＊HTML의 기본 구조와 문법 HTML은 tag들의 집합 Tag : 부등호()로 묶인 HTML의 기본 구성 요소 html 확장자 사용 Self-Closing Tag 태그 내부에 내용이 없다면, (와 같이 표현되는 경우) 와 같이 표현 가능 ＊자주사용하는 HTML 요소
About FrontEnd 2022. 6. 22. 02:47
[Spring]AOP를 코드 + a 로 쉽게 이해해보자

AOP(Aspect-Oriented Programming) # AOP # 부가기능 # AOP 사용법 # Advice # PointCut ＊AOP란? 부가 기능(advice)을 동적(실행 중에)으로 추가해주는 기술 Spring의 경우 메서드의 시작 또는 끝에 자동으로 코드(advice)를 추가해주는 것! ＊AOP의 사용법 1. 부가기능 Aspect1 클래스를 불러와서, 호출하는 original 메서드의 앞 or 뒤 or 앞뒤에 original 메서드 : orderService.orderItem() @Import : 부가기능 Aspect1 모듈을 불러와 적용시킨다. @Autowired : 빈에 등록되있는 객체를 주입한다. 맨 위 AopTest 클래스에서 주입받은 OrderService 맨 위 AopTest ..
About Spring 2022. 6. 21. 19:32
Prev 1 ··· 6 7 8 9 10 11 Next