전체 글

# HTML 콘텐츠 1. 제목 태그 ~ 문서 구획 제목을 나타내는 태그 구역의 순서, 계층을 잘 지켜야 함 태그는 페이지 내에 한번만 사용되어야 함 --> HTML만들어보기 제목1 제목2 제목3 제목4 제목5 제목6 - 줄 단위 복사 단축키 : alt + shift + 방향키 2. 문단 태그 문단을 나타내는 태그, 블록 레벨 요소 레이아웃처럼 사용하면 X 3. 서식 태그 , , , , , , : 의미를 가지지 않고 단순히 굵은 글씨로 변경, 인라인 레벨 요소 : 굵은 글씨로 변경 후 강조의 의미 부여, 인라인 레벨 요소 : 글자를 기울임과 동시에 텍스트가 문단의 내용과 구분되어야 하는 경우 사용 ex ) 등장인물, 외국어 구줄, 기술 용어 등 : 기울임과 내용에 강조 의미 부여 : 밑줄을 넣어서 주석을 ..

# HTML 1. 기본 문법 '' 를 사용해서 그 안에 태그 이름을 넣는다 콘텐츠를 가지는 태그와 콘텐츠를 가지지 않는 태그가 있음 콘텐츠를 가지는 태그 : 콘텐츠 콘텐츠를 가지지 않는 태그 : 2. 속성과 값 태그는 기본적으로 속성과 그 속성에 따른 값을 가짐 어떤 태그를 쓰느냐에 따라서 속성과 값이 달라짐 ex) Content -- HTML만들어보기 안녕하세요? 반갑습니다' 4. 부모요소 자식요소 - 부모 태그 안에 자식 태그 존재 - 들여쓰기를 보고 어떤 것이 부모 태그이고 자식 태그인지 알 수 있음 - 때문에 들여쓰기에 신경쓰자 5. 주석 개발자가 코드 내에 입력한 메모 로 주석 입력 가능 - 중요한 정보는 주석으로 절대 작성 XXX - 단축키 : ctrl + k + c # HEAD 1. --> ..

# TIL 이란? Today I Learned 오늘 하루동안 배운 내용을 기록하고 이후 돌이켜 봤을 때 어떤 내용을 배웠는지 기억하기 위해 작성하는 것 학습 주제, 주요 메모 사항 소개, 공부하며 어려웠던 내용 기록 # 좋은 개발자란? 1. 문제 정의와 해결 능력 2. 이해하기 쉬운 코드 작성 3. 소통과 협업 4. 지속적인 학습 5. 끊임없이 개선 # HTML Hypertext Markup Language 웹 브라우저가 이해할 수 있는 "언어" # CSS 문서를 예쁘게 "꾸미는" 언어 # Javascript 문서에 "기능"을 만들어주는 언어 # VSCode 세팅하기 Window version 1.https://code.visualstudio.com/ 접속 2. 다운로드 클릭 3. 다운로드된 파일 클릭 ..

# 테스트 과정 1. 환경 준비 : 테스트 서버 준비, 테스트 앱 배포 준비 2. 단위/통합 테스트 : 단위 테스트(개발 기능). 통합 테스트(전체 프로세스) 3. 시스템 테스트 : 성능 테스트, 스트레스 테스트, 보안 테스트 4. 오픈 준비 : 오류 수정, 전환 계획 준비 # 물리적 테스트 환경 준비 테스트를 할 수 있는 서버가 필요함 - 개발 서버 : 개발을 위해 배포 및 테스트 진행하는 용도 - 테스트 서버 : 테스트를 위한 전용 서버 - 운영 서버 : 최종 운영을 위한 서버 - 스테이징 서버 : 운영 서버에 최종 배포 전 점검용 서버 - 기타 테스트용 HW, SW 시스템 구매 : 개발 현장 상황에 따라서 개발 서버와 테스트 서버를 병행 개발 - 테스트 - 운영 서버 간의 환경은 동일해야 함 (WA..

WEB-APP 관련 필수 지식 # 웹 World Wide Web 의 약자 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간 # HTML HyperText Markup Language 웹에서 정보를 전달하기 위해 만들어진 언어 # 웹브라우저 웹을 통해 전달되는 정보를 보여주는 수단 전달받은 HTML 을 화면에 보여주는 기능 종류별로 다른 특성을 지님 하지만 W3C의 공통 규격을 따름 ex) 익스플로러, 엣지, 크롬, 파이어폭스, 사파리 # 웹브라우저의 역할 1. 사용자의 요청을 받아주는 일 2. 받은 요청을 서버로 전달하고, 서버로부터 결과물을 전달 받는 일 3. 서버로부터 받은 정보를 해석하고, 그려주고, 동작시켜 주는 일 # HTML vs HTML5 HTML의 버전업 -> HTML5 HTM..

외부 시스템 연계 필수 지식 # SSO Single Sign-On - 한번의 인증으로 여러 시스템에 로그인 - 한번의 인증 이후 해당 인증을 인정하는 각 사이트에 별도의 인증 없이 로그인 하는 것 실제 현장에서 내가 만든 시스템과 기존의 시스템의 로그인 연계를 할 때 SSO를 많이 사용함 이러한 상황에서는 SSO 보다는 로그인 연계이지만 실무에서는 SSO 라고 많이 사용함 # REST API - REST 란? Representational State Transfer 의 약자 HTTP를 표준 약속을 따라서, 최대한 활용을 잘 하기 위해 정의된 규약 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 것 즉 REST 란, 1. HTTP URI 를 통해 자원을 명시하고 2. HTTP Method (POST..

보안 지식 정보가 얼마만큼 안전하게 관리되는가가 굉장히 중요함 it 보안은 정말 넓은 영역이기 때문에 꼭 알아야 할 부분만 정리해보겠음 # 침입방지 외부에서 들어오지 못 하도록 --> 방화벽 방화벽이란? 서버로 외부에서 함부로 들어오지 못하도록 하는 것 - 외부에서 못 들어오게 하는 벽 - 출입 통제 (허락된 사용자만 들어올 수 있게 함) IP, Port, 도메인 정보를 가지고 침입자인지 아닌지 식별함 방화벽 필요 지식 - 방화벽의 방어 기능은 엄청 많음 방화벽 오픈을 위해서는 입장하려는 해당 서버의 ip / port / 도메인 정보를 전달해주어야 함 # 강탈 방지 정보의 이동 중 빼앗기지 않도록 하는 것 - VPN, 전용선 보호와 자유는 상반 관계임 보안 정책에 따라서 적절한 선택이 필요함 # 분석 방..

도구 및 개발 프로세스 # SDK : software development kit - 프로그램을 개발하기 위한 도구 모음 - 계속해서 버전 업 - 소프트웨어 개발을 위한 도구 모음 # IDE : 작업장 SDK를 이용해서 편하게 개발할 수 있는 환경을 제공해주는 툴 이클립스, 인텔리제이 등 # 라이브러리 : 특정 기능을 제공해주는 프로그램 다른 사람이 이미 만들어 놓은 정보를 가져다 쓸 수 있는 것 # 프레임워크 : 개발을 잘 할 수 있도록 만들어 놓은 공정 -> 구조 + 순서 + 방식 개발 작업 순서 1. 설계 : 코딩, 실제 만들려는 프로그램 코드를 작성하는 작업 2. 조립 : 빌드, 작성된 프로그램 코드가 실행되도록 실행되도록 하는 것(독립화) 컴파일 + 링킹 사람들의 언어로 작성된 코드는 컴퓨터는 ..