본문 바로가기
반응형

분류 전체보기177

[JS] JavaScript 출력하기 - alert 메소드 안녕하세요 냥장판 입니다 지난 게시글에서는 JavaScript에서 사용하는 출력 메소드에 대해 알아보았는데요. 2020/03/13 - [놀고있네/Javascript] - [JS] JavaScript 사용하기 [JS] JavaScript 사용하기 목표: JavaScript 사용하기 - 기본편 요약: HTML 문서에서 JavaScript 출력하기 외부에 있는 JavaScript 파일 호출하기 안녕하세요 냥장판 입니다 지난 게시글에서는 JavaScript를 사용하는 이유에 대해서 살펴봤.. miaow-miaow.tistory.com 이번 게시글에서는 가장 간단하게 데이터를 출력할 수 있는 window.alert() 메소드에 대해서 알아보겠습니다! 1. alert() 메소드 사용하기 JS를 작성하는 방법은 HT.. 2020. 3. 30.
[JS] JavaScript 사용하기 목표: JavaScript 사용하기 - 기본편 요약: HTML 문서에서 JavaScript 출력하기 외부에 있는 JavaScript 파일 호출하기 안녕하세요 냥장판 입니다 지난 게시글에서는 JavaScript를 사용하는 이유에 대해서 살펴봤어요 2020/03/09 - [놀고있네/Javascript] - [JS] JavaScript 란 [JS] JavaScript 란 안녕하세요 냥장판 입니다 HTML과 CSS를 하다보면 JavaScript 라는 용어가 튀어나올 거에요. 이번 게시글에서는 JavaScript가 무엇이고 왜 사용하는지 알아볼거에요! 다 모르겠다고 하시면! HTML에 대한 설명은 아.. miaow-miaow.tistory.com 이번 게시글에서는 실제 JS(JavaScript)를 어떻게 사용해서.. 2020. 3. 13.
[VS Code] C/C++ 환경구성 - 2 목표: VS Code에서 C/C++ 환경 구성하기 요약(지난 게시글) C/C++ 확장팩 다운로드 Code Runner 다운로드(for Debugging) MinGW 다운로드(for Compile) 컴파일러를 위한 환경설정(Path) 2020/03/11 - [놀고있네/VS Code] - [VS Code] C/C++ 환경구성 - 1 이번 게시글 요약 Workspace 만들기 테스트파일 생성 컴파일러 설정하기(c_cpp_properties.json) setting.json 파일 설정하기 task.json 파일 생성 안녕하세요 냥장판 입니다 이전 게시글에서 VS Code에 C/C++ 확장팩 다운로드 받고, 컴파일러, 디버거 등을 다운로드 받았어요. 이번 게시글에서는 실제 VS Code 에서 C/C++ 개발 환경.. 2020. 3. 11.
[VS Code] C/C++ 환경구성 - 1 목표: VS Code에서 C/C++ 환경 구성하기 요약 C/C++ 확장팩 다운로드 Code Runner 다운로드(for Debugging) MinGW 다운로드(for Compile) 컴파일러를 위한 환경설정(Path) 안녕하세요 냥장판 입니다 VS Code에서 C/C++ 개발 환경을 위한 사전 세팅을 해보도록 할게요. 글이 좀 길지만, 차근차근 따라하시면 됩니다. 1. Extentions에서 C/C++ 확장팩 다운로드 화면 좌측에서 5번째 아이콘을 클릭하면 마켓플레이스로 연결되고, C/C++ 을 검색하면 가장 첫번째로 나오는 모듈이 있어요. Install 버튼을 클릭해서 설치합니다. 2. Code Runner 설치하기(for Debugging) 디버깅을 위해 extentions에 있는 Code Runne.. 2020. 3. 11.
[JS] JavaScript 란 안녕하세요 냥장판 입니다 HTML과 CSS를 하다보면 JavaScript 라는 용어가 튀어나올 거에요. 이번 게시글에서는 JavaScript가 무엇이고 왜 사용하는지 알아볼거에요! 다 모르겠다고 하시면! HTML에 대한 설명은 아래 게시글 참고하시고요 2019/11/19 - [놀고있네/HTML & CSS] - [HTML] HTML 이란 [HTML] HTML 이란 HTML 이란 HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)로 웹 페이지를 동작시키기 위한 언어이다. 더보기 마크업 언어(markup language)는 태그(tag) 등을 이용하여 문서나 데이터의 구조를 규.. miaow-miaow.tistory.com CSS에 대한 설명은 아래 게시글 참고하시면 되요. 2.. 2020. 3. 9.
[CSS] Flexbox - Wrapping 사용하기 안녕하세요 냥장판 입니다 이번 게시글에서는 wrapping 관련한 속성을 알아볼거에요. flexbox에는 flex container가 있고, flex item이 있어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판 입니다 이번 게시글에서는 CSS Flexbox 라는 개념에 대해서 알아볼 거에요. 1. Flexbox Flexbox는 Flexible Box Layout을 말해요 Flexbox란 정렬, 방향, 순서, 사이즈 등 사용자 인터페이스 디.. miaow-miaow.tistory.com flex에서 wrapping 이라는 개념은 flex item이 flex container를 벗어나는서 배치되는지.. 2020. 3. 5.
[CSS] Flexbox - Vertical Aligning(align-items 사용하기) 안녕하세요 냥장판 입니다 지난 게시글 에서는 flexbox 정렬에 대해 알아봤어요 2020/03/02 - [놀고있네/HTML & CSS] - [CSS] Flexbox - Aligning(justify-content 사용하기) [CSS] Flexbox - Aligning(justify-content 사용하기) 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판.. miaow-miaow.tistory.com justify-content 가 수평 방향의 정렬을 말한다면, 수직 방향에 정렬에서는 align-item.. 2020. 3. 4.
[CSS] Flex item 그룹만들기 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox를 정렬하고, space로 간격을 두고 배치하는 것에 대해 알아봤어요. 2020/03/02 - [놀고있네/HTML & CSS] - [CSS] Flexbox - Aligning(justify-content 사용하기) [CSS] Flexbox - Aligning(justify-content 사용하기) 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판.. miaow-miaow.tistory.com 이번에는 flex item 들을 그룹지어 배치하는 방법을 알.. 2020. 3. 3.
[CSS] Flexbox - Aligning(justify-content 사용하기) 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판 입니다 이번 게시글에서는 CSS Flexbox 라는 개념에 대해서 알아볼 거에요. 1. Flexbox Flexbox는 Flexible Box Layout을 말해요 Flexbox란 정렬, 방향, 순서, 사이즈 등 사용자 인터페이스 디.. miaow-miaow.tistory.com 이번 게시글에서는 좀 더 세분화해서 flexbox에 대해 접근해 보고자 합니다. 1. Flex times 정렬하기(justify-content) Flexbox 에서 Flex item.. 2020. 3. 2.
반응형

티스토리툴바