Self Study13 [모던 자바스크립트 01. ] day01. "빨리 가는 유일한 방법은 제대로 가는것이다." " 시행착오는 개발자의 벗이자 선생님입니다." 프로그래머의 역할 - 요구사항 기반으로 문제 해결 방안을 고안하고, 이를 코드로 구현해야 하는것. 이때 구현 하는 코드가 의도한대로 정확히 동작해야 한다. 예측이 가능해야 하며, 유지보수가 쉽게 되야한다. 협업을 할때에는 "명확한 의사소통" 을 해야하는데 문맥에 맞는 정확한 용어를 구사할때 가능해지는것이다. 정확한 용어를 구사하기 위해서는 기본 개념이 확실하게 성립되어 있어야 한다. 또한, 기본 개념은 특정 프로그래밍 언어에 국한되지 않은 경우가 많아 다른 언어를 학습할때 큰 도움이 된다. "동작 원리"의 이해는 코드의 동작을 예측 가능하게 하며 코드 독해의 원천이다. 자신이 구현하는 코드의 동작 .. Self Study/모던 자바스크립트 (Deep Dive) 2022. 5. 25. [마우스 hover 이용한 효과 #2. 스타일시트 작성] - 스타일 시트 작성 - .box{ max-width: 2000px; // 전체적인 큰틀 의 이름 . width:100%; margin:0 auto; } ul{font-size: 0;}// ul 안의 비어있는 간격을 없앰 ul>li{ display: inline-block;// vertical-align: top;//인라인 블럭의 요소를 세로정렬 width:33%;// 사진의 느낌을 주기 위해 33.3% } ul>li>a { display: block; width: auto;// 사이즈가 유동적으로 변하게 text-decoration: none;// 링크 형태의 텍스트에 밑줄값을 없애줌 margin: 10px ; /* 사진 사이의 띄어놓는 값들 */ } ul>li> a .screen { position:.. Self Study/응용 2022. 5. 1. [마우스 hover 을 이용한 효과 #1. html 뼈대 만들기] 목표 1. 세개의 다른 이미지 2. 사진 갤러리 처럼 옆으로 나란히 보여지게 3. 한개의 사진에 마우스를 올리면 텍스트가 나타나는 방식으로 4. 위 -> 아래로 내려오는 텍스트 1개 5. 아래 -> 위 올라오는 텍스트 1개 그렇게 해서 1개의 div 값에 총 2개의 class 가 넣어져 있어야 함 구역 나누기 1. 전체를 하나의 div 의 값으로 지정을 해준다 . 로 지정해 주었다. 2 . class box 안에 순서를 나타내는 의 값 그 안에 값을 넣어 주었다. 3. 태그 안에 를 넣어주고 한개의 이미지 안에 들어갈 텍스트를 전체로 생각하고 그 전체를 구역이라 생각한다. 그러면 1개의 사진에 나오는 전체 텍스트 div 값의 이름을 이라고 지정 4. 이제 이 screen 의 클래스 안에 상세 텍스트의 구.. Self Study/응용 2022. 4. 26. [ 정보처리기사 영어단어 정리] ( CBT 를 풀고 또 풀다보면 ,,, 비슷한 영어단어에 영어 용어에 헷갈리는 것들이 많다. 어흐.. 😖 따라, 정보 처리 기사에 나오는 영어 단어의 의미와 개념을 정리해 보았다. ) ------------------------------------------------------ Reverse Shell - 클라이언트 타깃 서버 쉘 획득 Credential Stuffung - 사용자 계정 탈취 Scam - 기업 이메일 계정 도용 Stuxnet - 산업기반 시스템 침투 후 오작동 일으킴 TCP - 전송계층 양방향 UDP- 비연결형 서비스 프로토콜. 신뢰성이 떨어짐. 작지만 빠른 전송 가능 RTCP - 제어 프로토콜. 제어와 관련된 기능 수행. IP - 데이터 주소 지정, 경로 설정 ICMP - 8Byte.. Self Study 2022. 4. 15. [정보처리기사 필기 정리 4 ] ( 외우고 또 외운다. 영어단어만 집중적으로 외우고 있다. 제일 기본적인 것만 틀리지 말자 ) # CASE 의 주요기능 case 란 ? : 소프프웨어 공학 자동화 , 결과물 관리, 관리 자동화, 엔지니어 분석 설계, 코딩 작업 도움. - 오류 검증 - S.W 전 데이터 연결 - 모형지원 - 명세 그래픽 지원 - 모순검사 - 다이어그램 # 유형별 COCOMO Organic : 조직형 / 소규모 소프트웨어 일괄 자료 처리 /5만 라인 이하 Semi-detached : 반분리형 / 트랜잭션 처리 시스템이나 운영체제, DB / 30만 라인 이하 Embedded : 내장형 / 최대형 규모 트랜잭션 처리 시스템이나 운영체제 / 30만 라인 이상 # 테일러링 (Tailoring) 프로젝트 상황 특성에 맞게 정의된 소.. Self Study/정보처리기사 2022. 4. 14. [정보처리기사 필기 정리 3 ] # 결합도 순서 ( 낮을수록 좋다 ) ( 외우는 법 : 내공 / 외제 / 스자 ) = 자료 가 제일 낮음 내용 ( content ) > 공통 (common) > 외부 ( External) > 제어 ( Control) > 스탬프 ( StampCoupling) > 자료 ( Data coupling) # 응집도 순서 ( 높을수록 좋다 ) ( 외우는 법 : 우논시 / 절교 / 순기 ) 기능 ( Functional) > 순차( Sequential ) > 교환 (Communication) > 절차 ( Procedural) > 시간 ( Tremporal) > 논리 (Logical) > 우연 ( Coincidental ) # SQL 논리 연산자 - AND, OR, NOT #네트워크 공격 기술 1. DOS ( 서비스 거.. Self Study/정보처리기사 2022. 4. 14. [정보처리기사 필기 정리 2 ] 어느정도 기본 개념들은 다 정리 하였고 이제 바짝 외우기만 하면 될것 같다. 4,5 과목에서는 보기가 영어 단어로만 되어있는 문제가 많아 영어 단어 와 그 의미 개념에 대해 익숙해 져야될것 같다. 단원의 개념들을 계속 보다보니 어느 부분이 중요하고 출제율이 제일 많은지 보이기 시작한다. 다시 한번 외우고 상기 시킬겸 요약 정리를 적어본다. # OSI 모델의 계층 ( 외우는 방법: 앞글자 따기 : 물데네/ 전세 / 표애 ) 1. 물리 계층 - 기계적, 전기적, 절차, 물리적 전송 매체 와 신호방식 2, 데이터 링크 계층 - 흐름, 프레임 동기화, 오류 순서. 제어 3. 네트워크 계층 - 경로설정, 데이커 교환및 중계, 패킷 정보 전송 4. .. Self Study/정보처리기사 2022. 4. 13. [정보처리기사 필기 정리 ] [ 다시한번 외울겸 , 외어야 할것들 정리 해본다 ] # 요구사항 검토 동료 검토 - 2~3 명 동료 같이 검토 워크스루 - 사전검토, 오류 조기 검출 인스펙션 - 명세 작성자 x , 다른 전문가 확인 # 객체 지향 프로그램 메소드 - 객체 행위 상속성 - 객체 데이터 메세지 - 객체간 통신 클래스 - 객체 추상화 #데이터 흐름도 (DFD) process (프로세스) data flow( 흐름 ) Terminator ( 단말 ) data store ( 자료 저장소) # E-R 모델의 표현 방법 개체 타입 - 사각형 관계 타입 - 마름모 속성 타입 - 타원 연결 - 선 # GOF 디자인 패턴 생성 - Builder , Prototype 구조 - Bridge 행위 - Visitor 1. Builder : 작게.. Self Study/정보처리기사 2022. 4. 11. [ CSS애니메이션 / Animation1-1 응용 ] 1. keyfram 값에 각각의 transform 을 넣어 이곳 저곳 움직이는 공을 만들어보자 2. 움직이면서 색이 변하는 공을 만들어 보자. HTML 삽입 미리보기할 수 없는 소스 - % 마다 transform 의 값이랑 background 의 색을 다르게 하였다. - border-radius을 통해 원형의 값을 만들어 주고 크기를 퍼센트로 정하였다. - 안에 들어갈 텍스트 값은 .box 가 아닌 .circle 로 바꿔 넣었다. = 부족한점 = 최대한 배운것 안에서 원형을 만들어야 해서 매끄럽지 않다 . 원형이 튕기는듯 하다가 마지막 애니메이션에 느리게 원래 자리로 돌아간다. Self Study/응용 2022. 4. 5. 2022. 4.1 To Do List 공부량에 너무 많은 욕심을 내지 말자 . 넓게 아는것 보다 깊이 아는게 중요하다. Self Study/to do list 2022. 4. 1. 2022. 3.30 To Do List 3.30 일 공부 목표 Self Study/to do list 2022. 3. 30. 2022. 3.29 To Do List Self Study/to do list 2022. 3. 29. 이전 1 2 다음