전체 글84 EWHADULE 우리가 만든 대충의 페이지 정보이다. 우리는 우리학교 소개 페이지를 만들고자 기획을 하였다. 강의실 위치 , 시간표, 수강신청, 만든사람 소개로 나누었다. 강의실 위치는 학교의 건물이 많다보니 약어를 잘 모르거나, 위치를 잘 몰라 수강신청을 하는데 어려움을 겪을 신입생들을 위해 만들었다. 시간표를 짤 때 유의해야하는 점과, 필수 교양, 전공별 교과과정에 대한 설명도 추가할 예정이다수강신청 페이지도 마찬가지이다. 백엔드가 없는 홈페이지라 많은 제약이 걸렸지만, 다음번에는 백엔드까지 추가된 제대로 된 웹이나 앱을 만들고 싶다. 피그마로 정리한 메인화면이다.어떤식으로 할지 구체적으로 정하지는 못하지만 데이터를 저장하는데에 있어 한계로 인해 몇개만 뽑을 예정이다 . 다른 페이지는 구체적인 ui 가 정하지.. 2023. 5. 6. WEB-JavaScript (2) - 4주차 리팩토링 중복의 제거 -비효율적인 코드 중복 제거 this - 중복되는 id 를 제거 할 수 있음 var target = document. querySelector('body"); document.querySelector("body") .style .color = 'white' ; --> target.style.color = 'white'; 반복문 #배열 Array Syntax Add HTML 삽입 미리보기할 수 없는 소스 #반복문 loop HTML 삽입 미리보기할 수 없는 소스 #매개변수와 인자 Function Basic parameter & argument HTML 삽입 미리보기할 수 없는 소스 #함수 리턴 return 객체 Object #객체 프로퍼티와 메소드 2023. 4. 8. 백준 17299번 c++ 앞에 오큰수와 문제 접근 방식은 비슷하게 가서 stack을 활용해야하나 같은 숫자의 개수로 비교하는 거라서 코드를 좀 더 추가 해야한다. #include #include #include using namespace std; int A[1000001]; //수열 크기를 제한 int B[1000001]; int main() { int N; //N을 입력 받음 stack stack; cin >> N; /*if (N 1000000) { return 0; }*/ //처음에는 중첩문을 사용하여 같은 값이 있을 때 F[i] 값을 하나씩 더하는 방법으로 진행 //for (int i = 0; i < N; i++) { //같은 숫자 개수 세서 F배열에 저장 //for (int j = 0; j < N; .. 2023. 4. 6. 백준 17298번 c++ 처음에는 동적 배열에 수를 입력 받은 뒤 , 값을 비교하면서 출력하는 방식으로 코드를 짰다. 하지만 그냥 배열로 입력 받아도 1000000 이상은 못받게 배열 크기를 정하면 되기에 하나씩 입력받아 바로 배열에 저장하는 방식으로 고쳤다. 단순하게 A[i] 의 값이 오른 쪽에 있는 어떤 수 보다 크면 바로 그 수가 큰 수 중에서 왼쪽에 있는 수라고 생각을 했기 때문에 A[i] > N; for (int i = 0; i < N; i++) //숫자를 입력.. 2023. 4. 4. Spring _5.4-6.1 보호되어 있는 글 입니다. 2023. 4. 2. GIT_ 3주차 #git hosting 선택 -> github repository (저장소) -public : 공개 -private : 비공개 지역저장소를 원격저장소와 연결 git remote add origin http:@@@ //원격저장소와 연결 git remote //확인 >origin #push git push --set-upstream origin master //깃 푸쉬만 입력해도 나중에는 바로 푸쉬 #복제 clone git clone http:// @@ // 디렉토리로 저장소를 만듦 #pull git pull // 원격 저장소로 부터 내려받음. pull -> 작업 -> commit -> push #오픈소스 오픈소스를 깃허브에서 공유 2023. 4. 1. WEB_JavaScript(1) 3주차 #javascript를 넣는 방법 html 안에서 자바 스크립트는 동적임. html 는 정적임. #이벤트 //onclick 속성 값은 js HTML 삽입 미리보기할 수 없는 소스 -웹브라우저 일어나는 것을 이벤트라고 함 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 #콘솔 자바 스크립트 파일을 만들지 않아도 자바스크립트를 만들 수 있음 #데이터 타입 > six data types that are primitives - boolean -null -undefined -number (숫자) -string (문자열) -symbol > and object str.length ( 문자열의 길이) str.toUpperCase() ; ( 소문자를 대문자로) str. indexOf() ;.. 2023. 4. 1. 백준 15552번 - C++ 왜 cin/cout 을 쓸 때 cin.tie(NULL) 과 sync_with_stdio(false) 를 써여하는가? 이 코드를 사용해 cout, cin 의 성능을 printf, scanf 만큼 빠르게 만들어주는 역할을 한다. 2023. 4. 1. c++ 공부 3주차 L5 #while 문 -반복 구조는 같은 처리 과정을 여러 번 되풀이 하는 구조. - while 루프는 조건이 만족되면 반복을 계속하는 구조 while (조건식){ 문장 } -조건식이 참이면 반복을 계속함. -조건식이 거짓이면 반복을 중단함. -무한 루프를 돌릴 때 많이 사용 #do-while 문 - while 루프와 아주 유사하지만, 먼저 문장을 실행하고 조건을 나중에 검사 - 무조건 한 번은 실행함. /* getline() 은 사용자로부터 한 줄의 텍스트를 받을 때 사용하는 함수 */ #for 문 - 일정한 횟수 만큼 반복할 때 유용. - for 루프는 배열과 궁합이 아주 잘 맞는 루프 구조 for( 초기식; 조건식; 증감식){ 문장 } #break문 -반복 루프를 벗어나기 위하여 사용 - 반복 루프.. 2023. 3. 28. GIT / GIT HUB 공부 - 2주차 git log --all 모든 브랜치 상황을 알 수 있음 git branch --> master 에 속해 있는 상태 $git branch google // google 브랜치 생성 (HEAD -> master,ms, google, apple ) work 3 git commit -am "master work 4" work 4에는 master 나머지는 work 3 git checkout //head가 가리키는 브랜치를 전환할 때 git add . // 추가된 내용 모두 저장 git commit -m "apple work 4" // 현재 head가 가리키고 있는 브랜치에 내용 생성 #병합(merge) - 서로 다른 파일 병합 $nano work. txt $git add work.txt $git commit -.. 2023. 3. 25. 웹개발_css 2주차 공부 css를 추가하는 방법 1. tag 이용 2. 태그에 대한 css 적용을 하고 싶을 때 style 속성 이용 #박스 모델 display : block; display: inline; display:none; padding // 여백을 줌. margin // 간격을 줌. border- right // 테두리 정함. //스타일만 넣고 싶을 때. 아무 의미 없는 tag #grid 모델 Navigation Article HTML 삽입 미리보기할 수 없는 소스 #미디어 쿼리 -반응형 웹 //screen width> 800px @media(min-width:800px){ div{ display:none; }} //screen width < 1000px @media(max-width:1000px){ } #코드의 재사.. 2023. 3. 22. c++ 2주차 공부 L4 식과 연산자 c++은 많은 종류의 연산자 제공, 이것은 c++의 장섬 #산술 연산자 연산자 의미 x + y x y를 더한다 x - y x 에서 y를 뺀다 x * y x 와 y를 곱한다 x / y x를 y로 나눈다 x % y x를 y로 나눈 나머지 정수 / 정수 를 계산하면 항상 정수 피연산자 중에서 하나만 실수이면 전체 결과는 실수 x % 2 = 0 --> 짝수 x % 2 = 1 --> 홀수 ++ 연산자는 변수의 값을 1씩 증가. -- 연산자는 변수의 값을 1씩 감소. int x = 10; x++ ; // x는 11 x-- ; // x는 10 L5 경우에 따른 처리 #관계 연산자 (relational operator ) --> true/ false 연산자 의미 x == y x와 y가 같은가? x !.. 2023. 3. 21. 생활코딩_GIT/GIT hub 1주차 공부 GIT1 GIT - version backup collaborate 버전관리(version) 버전사이의 수정된 부분을 한눈에 볼 수 있음 백업(backup) github.com 백업을 하면서 저장 push pull 커밋 협업(collaborate) 다른 사용자들과 협업시 사용 가능 GIT2 - CLI 버전관리편 mkdir 디렉토리 만들기 cd 디렉토리로 이동 ls -al 디렉토리 안 파일 출력 init . 현재 디렉토리 초기화 working tree - 파일을 수정하는 곳 staging area- 버전을 만드려고 하는 곳 repository- 만들어진 버전이 있는 곳 $ nano hello . txt // 텍스트 파일 생성 $ cat hell0.txt 1 // 텍스트 파일 내용 확인 $git status.. 2023. 3. 17. c++ 1주차 공부 # c++ 언어란? -c언어에 객체 지향 프로그래밍 기능을 추가하여 만든 언어 -c++ 사용시 c 언어 처럼 절차지향 프로그래밍을 할 수 있음. -객체지향프로그래밍도 사용 가능. -c언어 + 객체지향 프로그래밍 ( 클래스, 가상함수, 연산자 중복 정의, 다중 상속, 템플릿. 예외 처리 기능 추가) # 절차 지향 프로그래밍 vs 객체 지향 프로그래밍 절차 지향 프로그래밍 - 기본적으로 프로시저를 사용하여 프로그램을 작성하는 프로그래밍 방식 객체 지향 프로그래밍 - 다양한 기능을 하는 객체들이 존재하고 이러한 객체들을 조합하여 자기가 원하는 기능을 구현하는 기법 -코드의 재사용 // 주석은 프로그램 코드의 설명문 #include /*iostream 이라는 헤더 파일을 포함 시키라는 전처리기(선행 처리기, p.. 2023. 3. 17. 웹개발_html 1주차 공부 //tag 설명 볼드체로 표시 하는 TAG 텍스트 밑에 밑줄 표시 TAG 제목 작성에 필요한 tag # h1 -h6 tag This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 HTML 삽입 미리보기할 수 없는 소스 #줄 바꿈 tag html new line tag html br tag aldkjfaljkdfalkjdfadkfakjdhfkajhdfkahdkajh adhfakjdhfkahdfkajshdlfa akdjgfakjsd HTML 삽입 미리보기할 수 없는 소스 // 단락 나누기 html p tag aldkjfaljkdfalkjdfadkfakjdhfkajhdfka.. 2023. 3. 15. 이전 1 2 3 4 5 6 다음
