전체 글174 Code States 6일차 - CSS 기초 CSS 소개 CSS는 스타일링을 위한 도구입니다 컨텐츠의 배치와 위치 (레이아웃 디자인) 텍스트를 강조하거나 밑줄을 치는 등, 최소한의 타이포그래피 (Typography) 위의 요소를 갖추고 있으면 더 나은 사용자 경험(UX, User expirenece)을 제공할 수 있다. 기존 웹 페이지에 다른 CSS 파일을 적용해 활자 매체로 출판을 할 수도 있거나, 색약이나 장애인이 웹 페이지를 이용할 때 도움을 줄 수도 있다. CSS에 대한 오해 CSS는 디자이너의 영역이다? CSS를 작성해서 간단한 UI를 만드는 일은 개발자의 기본적인 소양이다. 콘텐츠를 적당한 위치에 배치하는 레이아웃 디자인은 디자이너가 아니라도 할 수 있어야만 한다. 일반 사용자를 대상으로 하는 어플리케이션은, UI(User Interfa.. 2021. 7. 26. Code States 5일차 - HTML HTML What is HTML? HyperText Markup Language의 약자 웹페이지의 틀을 만드는 마크업 언어 How to use HTML? HTML은 tag들의 집합 Tag : 부등호()로 묶인 HTML의 기본 구성 요소 html 확장자 사용 Tree Structure Hello World Contents here Here too! Self-Closing Tag 태그 내부에 내용이 없다면, (와 같이 표현되는 경우) 와 같이 표현 가능 Most used tags in html 태그 설명 Division Span Image Link & Unordered List & List Item Input (Text, Radio, Check Box) Multi-Line Text Input Button d.. 2021. 7. 23. Code States 4일차 - 반복문 반복문 같거나 비슷한 코드를 여러번 실행시켜야 할 경우에 쓰는 구문 for 구문 반복할 내용을 중괄호 block 안에 넣어준다. let sum = 1; for( ){ sum = sum + n; // 반복할 내용 } console.log(sum); 반복할 내용을 초기화, 조건식, 증감문 순으로 넣어준다. let sum = 1; for(let n = 2; n 2021. 7. 23. Code States 3일차 - 문자열 다루기 문자열 다루기에 대한 영상자료가 따로 슬라이드가 없어서 Read Me를 정리한다. 문자열이란? 일상생활에서 확인할 수 있는, 모든 글자의 나열을 문자열이라고 한다. 컴퓨터는 코드와 문자열을 구분하기 위해서 작은 따옴표(')나 큰 따옴표(")를 사용하여 문자열을 구분한다. 더보기 문자열은 string입니다. 문자 하나는 character이며, char이라는 축약어로 부르기도 합니다. char가 포함된 메소드도 있습니다. 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다. 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. 문자열의 글자 하나하나에 접근할 수 있다. 문자열을 합칠 수 있다. 문자열을 원하는 만큼만 선택할 수 있다. 영문을 모두 대문자로 바꿀 수 있다. 영문을 모두 소문.. 2021. 7. 21. Code States 2일차 - 기초 1. 변수 변수는 상황에 따라 변할 수 있는 값이다. //선언 방법 let myName; //할당 방법 myName = 'Jortier'; //선언과 할당을 동시에 할 수 있다. let myName = 'Jortier'; 프로그래밍 세계에서의 변수는 이름(Label)이 붙은 값이다. //대표적인 예 let pi = 3.141592 let speedOfLight = 300000000; 표현식(expression)에서 변수들을 사용할 수 있다. 더보기 표현식이란? 코드 값으로 확인된 표현은 그 어떤 타당한 단위입니다. 개념적으로, 2가지의 유형이 있습니다. 첫번째는, 변수에 값을 할당시키는 것, 두번째는 단순히 값을 갖는것이 있습니다. 출처: 표현식과 연산자 - JavaScript | MDN 변수는 동일한 .. 2021. 7. 20. Code States 1일차 - 개발자의 새로운 출발 퇴사한지 벌써 1개월, 코딩부트캠프로 새로운 출발을 하게 되었다. 여러 코딩부트 캠프를 찾아봤지만, 나와 기간이 맞는 코드스테이츠를 선택하게 되었다. 앞으로 코드스테이츠에서 배운 내용을 기록할 것이다. '기억보단 기록을' 개발자 이동욱님의 블로그 타이틀 1일차의 꽃은 역시 'Orientation' 본격적인 학습을 시작하기 전에 OT를 진행하였다. 학습에 필요한 툴들과 학습방향, 스케쥴, 코드스테이츠 크루원분들의 소개 등등 그리고 학습이 어떻게 하는지가 정리되어 있는 문서를 읽는 것으로 마무리 됐다. 상세한 내용을 적기에는 문제가 생길거 같아서 인상깊었던 것만 몇 가지 적어보려고 한다. 페어 프로그래밍 '짝을 지어 코딩을 한다'는 뜻으로 협업을 위해서 사전에 커뮤니케이션 능력을 향상시키기 위해 한다. 각각.. 2021. 7. 19. 이전 1 ··· 26 27 28 29 다음