기억의 조각들

JDK 오라클 JDK 설치 후 환경변수 설정 path를 잡아주면 디렉토리 상관없이 실행 가능 검색-cmd-명령 프롬프트 *이클립스 다운로드 new java project와 class 만들기 package chap01; public class Test { public static void main(String[] args) { int value = 10; int result = value + 10; System.out.println(result); } } 결과: 20 package는 디렉토리 syso + ctrl + 스페이스바 치면 system.out.prinln이 나옴 ctrl + F11 실행 보라색 글씨는 예약어 package chap01; public class Test { public static ..

팀 프로젝트 -주제 선정(기획 의도 표현) : -팀원 역할 분담 -개발 내용 설명(사용자 설명서 만드는 느낌으로) -사용한 IT기술 설명(참조한 사이트 소개) -개발한 프로그램 시연하여 설명 -자체 평가 및 후기 -추후 개선 사항 스크래치는 각자 교재는 4장부터 시작

▶1115-001 사용가능한 스킬은 배열에 제공이 된다. let skills = ["HTML","CSS","Javascript","React"] 자바스크립트와 리액트 둘다 할줄안다면 합격! 둘중 하나만 할줄안다면 예비 두 스킬이 없다면 탈락을 보여주는 프로그램을 짜시오 includes() 포함 && 앤드 || 또는 ▶1115-002 버튼1 "500px" 이동 버튼2 "50px"씩 이동 단항연산자 산술연산자 비교연산자 논리연산자 대입연산자 사용 = 이 들어가면 대입연산자, 이전을 기억하는 https://koonsland.tistory.com/118 [Javascript] 연산자(Operators) 종류와 사용법 알아보기 Javascript 역시 여러 가지 연산자들이 있습니다. 연산자(Operators)들은..

오른쪽에 좌표값이 있으면 right에서 몇퍼센트, 몇 픽셀 이런식으로 잡아야함 ◀1114-001 오늘은 월요일 금요일은 언제 오나? 오늘은 월요일 금요일은 언제 오나? 오늘은 월요일 금요일은 언제 오나? 오늘은 월요일 금요일은 언제 오나? 오늘은 월요일 금요일은 언제 오나? 오늘은 월요일 금요일은 언제 오나? ★ git과 git hub 가입 및 설치 commit은 분기점을 표시하는 것 netlify deploy site 배포하다 깃허브에 파일을 올리는 것 >> 호스팅(클라우드에 공간을 할당) 넷리파이 >> 호스팅한 파일에 도메인을 달아주는 역할 https://penguingoon.tistory.com/260 웹 호스팅 서비스 netlify 사용법 : 내가 만든 웹사이트 배포하기! 안녕하세요! 이번 포스팅..

▶1111-001 Click on the icon to toggle between thumbs-up and thumbs-down ▶1111-002 보여주기 안보여주기 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laudantium excepturi nesciunt cum? Modi accusantium quam aspernatur dolores possimus totam qui. Explicabo facere nesciunt labore adipisci iusto expedita dolor? Laboriosam, quibusdam. Lorem ipsum ... sit amet consectetur, adipisicing elit. Doloribu..

▶1110-001 아코디언 메뉴 클릭하면 접힌 내용이 나온다 Accordion Section1 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem, mollitia amet quam, cupiditate reiciendis soluta quibusdam vero praesentium asperiores corrupti aspernatur voluptatum. Sequi magnam quod nemo, sed inventore necessitatibus neque! Section2 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem, mollitia amet qua..

▶1109-001 반복문 (중첩 for문이 어려워서 더 공부해야 할 것 같다...) 1. 내장객체: Math(수학객체), String(문자객체), Date(날짜객체), Array(배열객체) 2. 브라우저 객체 모델(BOM): window, screen, history, navigator 3. 문서객체모델(DOM): HTML의 문서구조-> html, body, head 등등 Math. abs(-3 or 3) : absolute 절대값 Math.min() : 최소값 Math.max() : 최대값 Math.pow() : 제곲값 Math.random() : 0과 1 사이의 난수를 발생시킴 Math.round(숫자) : 소수점 첫째자리에서 반올림하여 정수를 반환 Math.ceil() : 소수점 첫째 자리에서 무조..

다시 개념 정리 필요 [플렉스 박스] 부모 요소에 따라서 크기가 알아서 배분됨 display: flex; *교차축 방향 -주축(오른쪽 방향 행) 교차축(아랫방향 열) 방향으로 배열됨 -flex는 모던 브라우저에서 안 먹음 flex-wrap: wrap, wrap-reverse, flex order https://naradesign.github.io/flex-direction-order.html CSS flexible 레이아웃: flex item의 방향과 순서. HTML, CSS(flex/grid), UI/UX, Accessibility, 정찬명 naradesign.github.io float으로 어렵던 걸 구현할 수 있음 align-content: space-between --> 양쪽 끝으로 붙임 alig..

레이아웃 잡기 속성과 속성값 ▶1107-001 : 의미가 통하는, 부여되는 -> 모두 블록 개념의 태그 1. header : 상단 / 메뉴와 슬라이드가 포함된 부분 2. section : 저작권에 의해 보호되는 부분(카피라이팅) 3. article : 저작권이 풀린 부분(퍼가도 됨) 4. footer : 하단 6. aside : 오른쪽, 왼쪽으로 빠져 있는 부분 -right aside -left aside 7. address : 주소, footer에 들어가 있음, 주소 외에는 아무 것도 넣지 않는 게 웹표준 8. nav : 메뉴 부분 *section을 2단 레이아웃 구조로 나누기 -div로 구역을 나눠줘야 article이 제 위치에 있음 *clear: float을 끊어주는 속성, 양쪽을 끊기 위해 bot..

스타일시트 집중적으로 공부 프리모아 ▶1103-008 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium harum, soluta consequatur dignissimos nemo nisi. Mollitia nobis natus animi vitae nisi officiis obcaecati unde hic. Officiis enim quas quo eum.오늘은 즐거운 금요일 -블록 ul, li, p, form, ol, h, table / 인라인 태그 복습 -블록은 width와 height를 가짐-> br은 그런 의미에서 아닐듯 *border의 형태: solid(실선) dashed(절취선 같은..) dotted(점선) (두꺼운 ..