객체지향 설계를 알기전 객체 개념 적립이 필요실세계의 개체를 속성과 메소드가 결합한 형태의 객체로 표현하는 기법프로그램을 '객체'라는 기본단위로 나누고 이 객체들의 상호작용을 서술하는 프로그램 설계방법론클래스 class 데이터를 추상화하는 단위 하나 이상의 유사한 객체

일정한 동작을 수행하는 코드미리 만들어 두고 원할 때 실행해 정해진 동작을 수행예약어를 사용하거나 =>(화살표) 기호 사용코드function() {}// 또는() => {}이름 붙여주기function a() {} ----> 함수 선언문const b = function(

총 한달간 진행되었던 팀 프로젝트를 화요일을 마지막으로 끝냈다. 실무 프로젝트를 진행하면서 아쉬운점을 꼽아 보았다. 1\. 팀원들과 코드를 작성하기전 소통에 더 많은 시간을 쓰지 않은것이다.공통 css 작성과정에서 공통으로 쓰여지는 텍스트 영역에 단순히 폰트 스타

배열 두번째

배열, 함수, 배열이 아닌 객체1차원 배열2차원배열 배열 내부에 배열이 들어있는 것\-배열의 내부의 값을 요소 한다.배열 이름 뒤에 .length를 붙이면 된다마지막 배열찾기arrarr.length-1

1 차 마감 후 실무프로젝트 피드백을 바탕으로 하여 코드를 수정하였다.메인 페이지 - 프로젝트, 서비스의 내용 폰트 스타일 디자인 시안에 맞게 수정시안보다 폰트다 작게 되어있어 수정하였다.

<최종 피드백>"공통1\. 세부 메뉴 li > a 버튼 누를 시 스크롤 부드럽게 이동(사업현황, 정보마당 부분 참고)2\. 세부 메뉴 li > a 버튼 누를 시 세부메뉴 사라지기3\. 반응형 - 글자 및 이미지 레이아웃의 양옆 여백(패딩)을 상단 네비와 동일하게4

자신의 가치관을 적용했던 대상이 누구인가?자신의 전공을 선택하게 된 계기도전했던 경험을 바탕으로 도전정신을 성장과정에 어필하는 것은 문제가 없는가?일상의 이야기가 아닌 사건을 기반으로 작성하기!성격의 장점과 단점을 연결시키기

1차 마감 4주간 일주일에 두번씩 멘토링을 통하여 피드백을 제공받고 오류사항들을 상의하면서 수정하였다. 그러한 결과들을 실제 시안을 받고 클라인언트에게 결과발표를 한다고 생각하면서 ppt와 pdf로 정리하여 준비하였다.

메인페이지의 서비스 영역에서 이미지 안에 있는 텍스트가 마우스 호버시 대각선으로 움직이면서 바뀔 수 있도록 구현마우스 오버하는 하여 위치를 조정하고 조정된 위치에 있는 태그에 적용되어 위치가 변경되면서 대각선으로 올라오는 효과가 구현되도록 하는 함수

css 우선 순위에 따른 적용.\---> 변경전 \---> 변경후 초기화 css reset.css 파일을 제일 위로 항상 놓고 그 아래에 내가 설정하고자 하는 css 를 적용시킬 수 있도록 한다.basic.css는 팀 공통적으로 적용하는 스타일을 묶어놓은 css이다.

새로운 소식 마우스 호버 했을 때 설명하는 text 색이 파란색으로 바뀜새로운 소식 클릭시 sub05 페이지로 넘어 갈 수 있도록 링크 연결이미지 영역을 호버시 텍스트내용이 바뀔때 아래에서 올라오는 효과 구현이 필요함

news 영역 Html 및 테블릿 미디어 쿼리 수정 시안 결과

형식조건식이 참인도안 반복해서 실행문을 실행실행문이 여러개라면 중괄호로 묶기형식형식for 문 실행 순서시작 부분이 실행되고 조건식, 실행문, 종료식 순서대로 실행된다. 그 후 다시 조건식을 검사해서 조건식이 참이면 실행문과 종료식을 반복해서 실행한다.1 ~ 30 까지

max -width : 768px 각 영역 width : 704pxmax - width : 1024px 각 영역 width : 800pxmax-width : 100%각 영역 width : 1440px프로젝트 영역에서의 정렬에 어려움이 있었다.두개의 이미지가 사용되었고

nav 모바일 버전 정렬 및 gnb 메뉴 안보이게 설정main 새로운소식 html 구조 수정이 필요함카드 아이템들이 미디어 쿼리를 적용하였을때 정렬이 맞지 않는다. 카드 아이템 가운데 선을 주기 위해 따로 div태그로 선을 위한 공간을 만든 부분이 미디어 쿼리를 적용하

\---> 변경전 \---> 변경 후 card_item 에 background img로 배경이미지로 삽입기본 css 에서는 position 속성으로 위치 조절을 하였으나 반응형으로 적용하기 적합하지 않은 부분이 있었다. 하나의 이미지는 배경이미지로 적용하여 posit

모바일 ver 태블릿 ver

가운데 중간정렬 안됨.개발자 도구 - 검사적용이 안되는 것으로 확인위에와 마찬가지로 베이직 css 에서 미디어쿼리가 적용이 되지않는 오류 확인

플렉스박스는 사용자 인터페이스 디자인에 최적화된 레이아웃을 정의하는 CSS.이미지, 텍스트 같은 요소를 원하는 곳에 배치하는 데 사용합니다. 인라인이 단순히 여백을 없애는 데 사용한다면, 플렉스박스는 여백을 없앨 뿐만 아니라 축을 변경한다든지, 자식 간의 정렬을 가운데