[정보처리기사] 실기 정리 - 인터페이스 구현
카테고리 없음2023. 9. 24. 10:00[정보처리기사] 실기 정리 - 인터페이스 구현

인터페이스 구현 기술 REST (Representational Safe Transfer) 웹 상의 리소스를 데이터 구조로 정의하여 주고받을 수 있게 정의된 기술 SOAP (Simple Object Access Protocol) XML 기반의 메시지를 네트워크상에서 신뢰성있게 전송 RSS (Really Simple Syndication) 웹 상에서 미리 서비스를 구독 요청한 클라이언트에게 정기적으로 메세지를 제공 소켓 (Socket) 프로그램 레벨에서 TCP/IP 기반으로 안정적인 인터페이스를 구현하는 기술, 별도 데몬 생성 필요 RPC (Remote Procedure Call) 시스템 간 원격 제어 위해 다른 시스템의 함수, 프로세서를 실행할 수 있게 하는 프로세스 간 통신 기술 DB Link 송신 시스..

[정보처리기사] 실기 정리 - 서버 프로그램 구현
카테고리 없음2023. 9. 23. 10:00[정보처리기사] 실기 정리 - 서버 프로그램 구현

개발 환경 구축 개발 언어의 선정 기준 적정성, 효율성, 이식성, 친밀성, 범용성 빌드 도구 개발자가 작성한 소스에 대한 빌드 및 배포를 지원하며 프로젝트에서 사용되는 구형 요소들과 라이브러리에 대한 의존성 관리를 지원하는 도구 Ant, Maven, Gradle 테스트 도구 소프트웨어의 품질을 높이기 위해 테스트에 사용되는 소프트웨어 도구들로 코드의 테스트, 테스에 대한 리포팅 및 분석 등의 작업이 가능 xUnit, Spring Test 형상관리 도구 소스 및 리소스 등 산출물에 대한 버전 관리를 위해 사용됨 Git, CVS, Subversion 개발 소프트웨어 환경 시스템 소프트웨어 종류 운영체제 : 하드웨어 운영을 위한 운영체제 JVM : Java 관련 응용 프로그램을 기동하기 위한 인터프리터 환경 ..

[React] react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function
troubleshooting2023. 9. 20. 17:39[React] react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function

문제 상황 프로젝트 진행 중 다음과 같은 오류 메시지에 직면했다. Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function 이 오류는 잘못된 모듈 임포트 때문에 발생했음을 알 수 있었다. 그러나 정확한 원인을 찾기 위해 코드를 더 깊게 들여다봐야 했다. 해결 과정 코드를 검토하던 중, ReactDOM 모듈을 잘못 임포트한 것을 발견했다. 초기 코드는 아래와 같았다. import ReactDOM from 'react-dom/client'; 이를 바로잡기 위해, 다음과 같이 코드를 수정했다. import ReactDOM from 'react-dom'; 이렇게 수정한 후, 프로젝트를 다시 실행하니 오류가 ..

[React] "Too many re-renders. React limits the number of renders to prevent an infinite loop."
troubleshooting2023. 9. 20. 12:44[React] "Too many re-renders. React limits the number of renders to prevent an infinite loop."

1. 문제 상황 리액트 앱을 개발하면서 영화 정보를 표시하고 선택한 영화에 대한 모달을 보여주는 기능을 구현 중 에러가 발생했다. 2. 에러 원인 분석 2.1 에러 메시지 이해 먼저, 이 에러 메시지가 무엇을 의미하는지 이해해야 한다. 이 에러는 일반적으로 무한 루프가 발생했음을 나타내며, 이는 리액트가 특정 구성 요소를 너무 많이 다시 렌더링하려고 시도했음을 의미한다. 2.2 리액트의 리렌더링 한계 리액트는 무한 루프를 방지하기 위해 리렌더링 횟수에 한계를 둔다. 이를 이해하는 것이 이 문제의 핵심이다. 3. 해결 방법 문제의 핵심은 handleClick 함수에서 발견되었다. 이벤트 핸들러에 직접 함수를 호출하는 대신, 함수 참조를 전달해야 한다. 4. 코드 수정 변경 전: {movies.map((mo..

[프로그래머스] Lv.1 개인정보 수집 유효기간
프로그래머스2023. 9. 15. 11:58[프로그래머스] Lv.1 개인정보 수집 유효기간

문제 설명 고객의 약관 동의를 얻어서 수집된 1~n번으로 분류되는 개인정보 n개가 있습니다. 약관 종류는 여러 가지 있으며 각 약관마다 개인정보 보관 유효기간이 정해져 있습니다. 당신은 각 개인정보가 어떤 약관으로 수집됐는지 알고 있습니다. 수집된 개인정보는 유효기간 전까지만 보관 가능하며, 유효기간이 지났다면 반드시 파기해야 합니다. 예를 들어, A라는 약관의 유효기간이 12 달이고, 2021년 1월 5일에 수집된 개인정보가 A약관으로 수집되었다면 해당 개인정보는 2022년 1월 4일까지 보관 가능하며 2022년 1월 5일부터 파기해야 할 개인정보입니다. 당신은 오늘 날짜로 파기해야 할 개인정보 번호들을 구하려 합니다. 모든 달은 28일까지 있다고 가정합니다. 다음은 오늘 날짜가 2022.05.19일 ..

[프로그래머스] Lv.1 둘만의 암호
프로그래머스2023. 9. 14. 11:59[프로그래머스] Lv.1 둘만의 암호

문제 설명 두 문자열 s와 skip, 그리고 자연수 index가 주어질 때, 다음 규칙에 따라 문자열을 만들려 합니다. 암호의 규칙은 다음과 같습니다. 문자열 s의 각 알파벳을 index만큼 뒤의 알파벳으로 바꿔줍니다. index만큼의 뒤의 알파벳이 z를 넘어갈 경우 다시 a로 돌아갑니다. skip에 있는 알파벳은 제외하고 건너뜁니다. 예를 들어 s = "aukks", skip = "wbqd", index = 5일 때, a에서 5만큼 뒤에 있는 알파벳은 f지만 [b, c, d, e, f]에서 'b'와 'd'는 skip에 포함되므로 세지 않습니다. 따라서 'b', 'd'를 제외하고 'a'에서 5만큼 뒤에 있는 알파벳은 [c, e, f, g, h] 순서에 의해 'h'가 됩니다. 나머지 "ukks" 또한 위 ..

[프로그래머스] Lv.1 카드 뭉치
프로그래머스2023. 9. 13. 11:07[프로그래머스] Lv.1 카드 뭉치

문제 설명 코니는 영어 단어가 적힌 카드 뭉치 두 개를 선물로 받았습니다. 코니는 다음과 같은 규칙으로 카드에 적힌 단어들을 사용해 원하는 순서의 단어 배열을 만들 수 있는지 알고 싶습니다. 원하는 카드 뭉치에서 카드를 순서대로 한 장씩 사용합니다. 한 번 사용한 카드는 다시 사용할 수 없습니다. 카드를 사용하지 않고 다음 카드로 넘어갈 수 없습니다. 기존에 주어진 카드 뭉치의 단어 순서는 바꿀 수 없습니다. 예를 들어 첫 번째 카드 뭉치에 순서대로 ["i", "drink", "water"], 두 번째 카드 뭉치에 순서대로 ["want", "to"]가 적혀있을 때 ["i", "want", "to", "drink", "water"] 순서의 단어 배열을 만들려고 한다면 첫 번째 카드 뭉치에서 "i"를 사용한..

[정보처리기사] 실기 정리 - 통합 구현
카테고리 없음2023. 9. 9. 10:22[정보처리기사] 실기 정리 - 통합 구현

통합 구현 사용자들의 요구사항에 맞게 중계 시스템과 송신 수신 시스템 간의 관계를 적절히 구현하는 것. 송신 시스템 - 운영 데이터베이스에서 연계 데이터를 식별 및 추출하여 인터페이스 테이블로 생성하여 송신하는 시스템 수신 시스템 - 송신 시스템으로부터 수신한 테이블을 수신 시스템의 운영 데이터베이스나 환경에 맞게 변환하여 처리에 활용할 수 있도록 하는 시스템 중계 시스템 - 송신 시스템과 수신 시스템을 연계해 주는 서버나 시스템 공통 모듈 - 전체 시스템 설계를 할 때 각각의 서브 시스템에서 공통으로 사용되는 모듈들을 하나로 묶어 놓은 소프트웨어 라이브러리 모듈화 - 하나의 큰 작업을 각 기능에 따라 실제로 개발할 수 있는 작은 단위로 나누는 것 연계 데이터의 구성은 연계 데이터를 식별하고 식별된 연계..

[정보처리기사] 실기 정리 - 데이터 입출력 구현
카테고리 없음2023. 9. 8. 14:05[정보처리기사] 실기 정리 - 데이터 입출력 구현

데이터 모델링 절차 요구 조건 분석 → 사용자가 원하는 데이터베이스 용도 파악 개념적 모델링 → 사용자의 요구사항을 간단히 기술 논리적 모델링 → 개념적 설계에서 만든 구조를 데이터 모델로 변환 물리적 모델링 → 논리적 데이터베이스 구조를 내부 저장 장치 구조와 접근 경로 등으로 설계 데이터베이스의 논리적 구성 - 개체(Entity) 속성(Attribute) 관계(Relationship) 논리적 저장 구조 종류 테이블스페이스 논리적으로 서로 관련된 데이터가 저장된 파일들을 묶어놓은 단위 세그먼트 테이블스페이스 내에 특정 유형의 논리적 저장 구조로 할당된 영역(테이블, 인덱스 등) 익스텐트 하나 이상의 연속된 데이ㅔ터 블록의 모임이자 세그먼트에 대한 공간 할당 단위 블록 오라클의 기본 입출력 단위 데이터 ..

[정보처리기사] 실기 정리 - 요구 사항 확인
카테고리 없음2023. 9. 8. 01:01[정보처리기사] 실기 정리 - 요구 사항 확인

현행 시스템 분석 현행 시스템 파악의 목적은 현행 시스템의 적용 현황을 파악하여 향후 개발하고자 하는 시스템의 개발 범위 및 이행 방향성 설정에 도움을 주는 것이다. 시스템이란 목적을 달성하기 위하여 구성 요소들이 상호 유기적으로 구성된 집합체를 의미한다. 현행 시스템 파악 절차 3단계 1단계 시스템의 구성 현황 시스템의 기능 현황 시스템 인터페이스 현황 2단계 아키텍쳐 구성 현황 소프트웨어 구성 현황 3단계 현행 시스템의 하드웨어 구성 현황 현행 시스템의 네트워크 구성 현황 소프트웨어 생명주기 폭포수 모형 보헴 제시, 적용 사례 많음, 단계별 산출물 명확 병행 진행 및 거슬러 올라가는 것 불가, 반복 허용 X 개발 중 요구사항 반영 어려움 프로토타이핑 모형 시제품 완성을 위해 효율성과 무관한 알고리즘 ..

[프로그래머스] Lv.1 추억 점수
프로그래머스2023. 9. 1. 11:42[프로그래머스] Lv.1 추억 점수

문제 설명 사진들을 보며 추억에 젖어 있던 루는 사진별로 추억 점수를 매길려고 합니다. 사진 속에 나오는 인물의 그리움 점수를 모두 합산한 값이 해당 사진의 추억 점수가 됩니다. 예를 들어 사진 속 인물의 이름이 ["may", "kein", "kain"]이고 각 인물의 그리움 점수가 [5점, 10점, 1점]일 때 해당 사진의 추억 점수는 16(5 + 10 + 1)점이 됩니다. 다른 사진 속 인물의 이름이 ["kali", "mari", "don", "tony"]이고 ["kali", "mari", "don"]의 그리움 점수가 각각 [11점, 1점, 55점]]이고, "tony"는 그리움 점수가 없을 때, 이 사진의 추억 점수는 3명의 그리움 점수를 합한 67(11 + 1 + 55)점입니다. 그리워하는 사람의 ..

[프로그래머스] Lv.1 달리기 경주
프로그래머스2023. 8. 31. 16:29[프로그래머스] Lv.1 달리기 경주

문제 설명 얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면 2등인 "soe" 선수가 1등인 "mumu" 선수를 추월했다는 것입니다. 즉 "soe" 선수가 1등, "mumu" 선수가 2등으로 바뀝니다. 선수들의 이름이 1등부터 현재 등수 순서대로 담긴 문자열 배열 players와 해설진이 부른 이름을 담은 문자열 배열 callings가 매개변수로 주어질 때, 경주가 끝났을 때 선수들의 이름을 1등부터 등수 순서대로 배열에 담아 return 하는 solution 함수를 완성해주세요. 제한사항 5 ≤..

Todo리스트_JavaScript/HTML/CSS
Project2023. 8. 31. 10:15Todo리스트_JavaScript/HTML/CSS

📂파일구조 ├─📂assets - 사용할 이미지들 │ └─📂icons │ └─🖼️images(svg) │ ├─📂styles - 적용한 스타일 │ └─🖌️main.css │ └─🖌️general.css │ └─🖌️header.css │ └─🗒️index.html └─🚀app.js 기대 결과 최종 결과 주요 기능 editTodo(할 일 수정) 함수 function editTodo(index) { const $todoText = $todoList.children[index].querySelector('.todo'); const $paragraph = $todoText.querySelector('p'); const $input = document.createElement('input'); $input.type =..

넷플릭스 화면 디자인_HTML/CSS
Project2023. 8. 30. 15:05넷플릭스 화면 디자인_HTML/CSS

📂 파일 구조 🗂️project ├─📂assets - 사용할 이미지들 │ └─🖼️images │ ├─📂styles - 적용한 스타일 │ └─🖌️bottom.css │ └─🖌️general.css │ └─🖌️header.css │ └─🗒️index.html 기대 결과 최종 결과 주요기능 transition & transform 사용하여 이미지에 마우스 호버 시 점차 확대 .main-bottom img { transition: transform 1s ease-out; } .main-bottom img:hover { transform: scale(1.4); linear-gradient를 주어 검정색 opacity를 조절하여 배경과 작품 목록 컨테이너 사이의 경계를 부드럽게 표시 background: linea..

실용주의 프로그래머 [#1_실용주의 철학]
카테고리 없음2023. 8. 23. 18:42실용주의 프로그래머 [#1_실용주의 철학]

기술적인 것 보다도 내가 이곳 업계에서 일할 때, 또는 그저 세상을 살아가면서 어떻게 처신하고 어떻게 다른 사람들과 소통을 해야 하는지에 대한 내용이었다. 내가 속한 팀, 다른 회사를 다니는 사람들 또는 다른 동네 사람들까지도 포함하여 다른 이들은 어떤 생각을 하고 있는지 고민해보라는 내용도 주를 이뤘다. 대체로 뭘 해보고 찾아보고 접해보고 배워보라는 이야기가 많았다. 사람을 대하는 데 있어서 지금 상황이 어떻고 나는 어떤 태도를 취해야 하고 문제가 발생했을 때는 어떤 방법이 효과적일 것이고 하는 것들을 머릿속으로 알고는 있어도 끄집어내기가 어려웠던 게 사실이다. 지금은 괜찮겠지, 다음엔 다르게 대처해야지 하며 나는 괜찮아, 다 알고 있어 하는 식으로 넘기지만 그랬던 내 모습을 돌아보게 된다. 돌멩이 스..

[Day8] goorm level 구름톤 챌린지_통증
구름톤 트레이닝/구름톤 챌린지2023. 8. 23. 10:37[Day8] goorm level 구름톤 챌린지_통증

문제 8. 통증 정의 통증 수치를 나타내는 정수를 n, 통증을 0으로 줄이기 위해 필요한 아이템의 최소 개수를 cnt로 변수를 정의했다. 고민 각각의 아이템이 1, 7, 14만큼 통증을 줄여주고 사용 시 통증 수치가 0 보다 작아지는 아이템은 사용할 수 없기 때문에 n이 0보다 크다는 조건에서 do while문을 작성하여 내부에서 if문을 돌렸다. 가장 적게 쓰는 경우를 찾는 것이기 때문에 감소 정도가 큰 아이템부터 14, 7, 1 순으로 검사를 하고 해당 수치만큼 감소할 수 있다면 n을 감소시키고 cnt를 하나 더하는 식으로 작성했다. 풀이 #include int main() { int n=0, cnt=0; scanf("%d",&n); do { if(n>=14) { n-=14; cnt++; } else..

[Day7] goorm level 구름톤 챌린지_구름 찾기 깃발
구름톤 트레이닝/구름톤 챌린지2023. 8. 22. 17:49[Day7] goorm level 구름톤 챌린지_구름 찾기 깃발

문제 7. 구름 찾기 깃발 정의 한 변의 길이를 n, 정해진 깃발의 값을 k로 변수를 정의했고 게임판의 인덱스를 arr[][]로 정의하여 이차원 배열로 관리했다. 또한 찾아야할 깃발의 값을 pts, 값이 k인 깃발의 개수를 나타내는 res 변수를 정의했다. 고민 /*처음에 짰던 코드*/ #include #include int main() { int n, k=0; int pts, res=0; scanf("%d %d", &n, &k); int** arr = (int**)malloc(sizeof(int*) * n); for(int i=0; i

혼밥러 탈출을 위한 매칭 & 키오스크 서비스
Project2023. 8. 22. 16:18혼밥러 탈출을 위한 매칭 & 키오스크 서비스

개요 혼밥러 탈출을 위한 매칭 & 키오스크 서비스, 4인 프로젝트 프로젝트 목표 기존에 모바일에서 사용되던 학식당 주문 어플리케이션의 단점을 보완 학식당의 환경에 맞추어 학생들이 원하는 메뉴 의견 취합, 학생들이 주로 먹는 메뉴등의 서비스를 제공 추가로 학생들의 혼밥 방지를 위한 같이 식사할 학우를 매칭해주는 혼밥 방지 서비스를 제공 서비스 개발 배경 및 목적 코로나 이후 학우들간 교류가 감소하여 혼자 밥을 먹는 학우들이 증가하였습니다. 저희 팀은 이러한 문제점을 개선하고 기존 불편했던 학식당 어플을 보완하여 학우들간 가볍게 밥 한끼를 먹을 수 있도록 하는 프로젝트 입니다. 서버 백엔드에 사용된 기술은 스프링을 기반으로 스프링 데이터 JPA, QueryDSL 등이 사용되었고 MYSQL DB, 사용자 인증..

[4일차] 9oormthon Training IN Goorm 풀스택 개발자 양성 과정 2회차 일기
구름톤 트레이닝/회고2023. 8. 19. 01:36[4일차] 9oormthon Training IN Goorm 풀스택 개발자 양성 과정 2회차 일기

230818 오늘은 원래 하려고 했던 다양한 것들을 하지는 못하고 과제가 있어서 그걸 하느라 시간 쓰고 구름톤 챌린지가 생각보다 너무 오래 걸려서 그렇게 밖에 못했다. 딱히 지금 부슨 공부를 해야하는지, 지금 하고 있는 게 도움이 되긴 하는지 헷갈리지는 않는 것 같다. 근데 오늘을 돌아보니 생각보다 별로 한 게 없는 것 같아서..아쉽긴 하다. 내일부터 주말인데 주말동안이라도 더 조금씩 해봐야겠다.

[Day4] goorm level 구름톤 챌린지_완벽한 햄버거 만들기
구름톤 트레이닝/구름톤 챌린지2023. 8. 17. 16:18[Day4] goorm level 구름톤 챌린지_완벽한 햄버거 만들기

문제 4. 완벽한 햄버거 만들기 정의 재료 개수를 N, 햄버거의 맛을 res로 정수형 변수로 정의했다. 각 재료의 맛의 정도를 담을 정수형 배열 K를 크기 1000을 주고 정의했다. 마지막으로 가장 높은 재료임을 표시하는 bool 타입 변수 top을 정의했다. 고민 테스트케이스에서 애매하게 몇 가지 경우가 에러가 나서 그것 때문에 시간이 오래 걸렸다..두 가지 방식을 생각했었고, 그 중 한 가지 방식으로만 풀어보았다. 첫 번째로 생각한 방식은 K[i]를 입력받을 때 가장 큰 값과 그 때의 인덱스 i를 각각 top, top_index 이런 식으로 저장한 후에 그 가장 큰 값 기준으로 왼쪽 부분 배열과 오른쪽 부분 배열로 쪼개어 각각 오름차순과 내림차순인지를 검사하고 맞으면 정답 출력, 아니라면 0을 출력하..

[Day3] goorm level 구름톤 챌린지_합 계산기
구름톤 트레이닝/구름톤 챌린지2023. 8. 16. 23:56[Day3] goorm level 구름톤 챌린지_합 계산기

문제 3. 합 계산기 정의 식의 개수를 T, 연산에 사용될 양 쪽 정수를 각각 L, R, 총합 연산 결과를 담을 res를 정수형 변수로 정의하였고 연산기호를 담을 S를 char형 변수로 정의하였다. 고민 반복해서 담는 것은 똑같이 하고 고민할 것은 먼저 어떻게 연산 결과를 저장해서 총합에 더할 것 인지에 대한 것이었다. 식의 개수만큼 반복해서 입력받을 때 연산결과를 계속 담을 수 있는 변수가 있으면 되겠다 싶었고 더욱이 반복해서 연산을 입력받을 때마다 이전의 연산에 대한 것을 다시 사용한다거나 하지 않고 매번 새로운 값만 받아서 연산 후 결과 저장까지만 마치면 되기 때문에 배열을 사용할 필요도 없었다. 풀이 #include int main() { int T, L, R, res=0; char S; scan..

[Day2] goorm level 구름톤 챌린지_프로젝트 매니징
구름톤 트레이닝/구름톤 챌린지2023. 8. 16. 23:55[Day2] goorm level 구름톤 챌린지_프로젝트 매니징

문제 2. 프로젝트 매니징 정의 변수는 문제에 있는 그대로 정수로 N, T, M, 배열로 C를 정의했고 C에 담긴 모든 기능 개발 시간을 합해서 담을 정수 min도 정의했다. N의 범위가 1부터 최대 100까지라고 주어져서 각 기능 개발 시간을 담을 배열(C)의 크기를 100으로 임의 설정했다. 추후 동적으로 배열을 할당하는 방법도 고민해보고자 한다. 고민 C언어에서 동적 배열 할당하는 법을 까먹어서 구글링한 후에 적용했더니 테스트케이스에서 통과되지 않는..이슈가 있어서 일단은 깊이 고민하지 않고 임의로 크기를 설정한 배열을 사용했다. 입력 받는 부분에서는 크게 고민할 부분은 없었다. N, T, M 차례로 입력 받고 반복문으로 N 만큼 C 배열에 하나씩 입력을 받았고 이 반복문 안에서 min에 C[i] ..

[Day1] goorm level 구름톤 챌린지_운동 중독 플레이어
구름톤 트레이닝/구름톤 챌린지2023. 8. 16. 23:53[Day1] goorm level 구름톤 챌린지_운동 중독 플레이어

문제 1. 운동 중독 플레이어 정의 무게를 w, 1rm을 rm으로 정수형 변수로 정의했고 반복 횟수를 r로 실수형 변수로 선언했다. 고민 사실 변수도 다 정해져 있는 거고 수식도 문제에서 다 알려줘서 금방 풀었네 싶었는데 자료형에서 막혀서 고민했었다. 계산 결과인 rm을 소수점 이하의 값을 버리고 출력하라고 했기 때문에 수식에 사용되는 변수도 다 정수형이면 될 줄 알았는데 r을 그냥 정수형으로 사용해버리면 30으로 나누어질 때 나머지가 날아간 채 나머지 계산을 하게 돼서 1rm 계산 수식에서 오류가 발생한다. 때문에 r을 실수형 변수로 선언해야 했다. 풀이 #include int main() { float r=0.0; int w, rm=0; scanf("%d %f",&w, &r); rm = w*(1+r/..

[2일차] 9oormthon Training IN Goorm 풀스택 개발자 양성 과정 2회차 일기
구름톤 트레이닝/회고2023. 8. 16. 23:44[2일차] 9oormthon Training IN Goorm 풀스택 개발자 양성 과정 2회차 일기

230816 슬슬 적응이 되고 나니까 또 새로운 생각을 하게 된다. 학습 방식 자체가 매일 해야 하는 학습 분량이 있는 게 아니라 인프런 계정에 수강신청만 해주고 알아서 들어라 하는 식이다. 구체적인 학습 계획은 있지만 그렇게 잘 따라오지 않았을 때 어떻게 되는지는 아직 2일차라 모르겠다. 아무튼 그런 방식이어서 들으라는 거 계속 듣다가도 내가 공부할, 공부하고 싶은 것들이 그것만 있는 것은 아니기 때문에 내가 계획을 짜고 조절을 조금 해서 다른 것들과 병행해서 같이 해나가야하지 않겠나 싶기도 하다. 다른 것들이라면 하고 있던 정처기 실기 공부, CS 공부, 코테 문제 풀기, git 관리 등이다. 이런 생각도 꾸려진 스터디 안에서 서로 무슨 공부를 하고 있는지, 무슨 공부를 하면 좋을지 이야기하고 공유하..

CSS(Cascading Style Sheets) Basics [2]
HTML & CSS2023. 8. 16. 19:05CSS(Cascading Style Sheets) Basics [2]

Order 플렉스 컨테이너에 나타나는 순서를 제어한다. 기본 값은 0 flex-grow / flex-shrink 플렉스 박스 아이템의 기본 너비를 자동으로 늘어나거나 줄어들도록 해서 행 안에 적절한 너비로 배치되도록 맞추는 기능을 한다. grow속성의 기본 값은 0이다. 음수는 허용되지 않는다. flex-shrink 필요한 경우 플렉스 item이 축소되는 기능을 정의 flex-shrink 속성은 플렉스 박스에 flex-wrap: wrap 속성을 부여한 경우 적용되지 않는다. flex-item에 flex-grow를 0으로 지정, 나머지 요소들의 flex-grow를 다르게 주었다. 실습 flex-item에 flex-shrink를 0을 주고 item-4에만 1을 준 경우 item-4만 줄어들어서 해당 행에 맞..

[1일차] 9oormthon Training IN Goorm 풀스택 개발자 양성 과정 2회차 일기
구름톤 트레이닝/회고2023. 8. 15. 01:40[1일차] 9oormthon Training IN Goorm 풀스택 개발자 양성 과정 2회차 일기

230814 몽골 선교에 가 있던 탓에 온라인으로 진행되었던 첫 모임인 오리엔테이션은 줌으로 살짝 접속해있다가 웨인님의 발표만 듣고 교육이 어떻게 진행되는 지에 대한 내용은 자세히 듣지 못했다. 그리고 이 글을 쓰는 시점은 오리엔테이션이 있고 3일 뒤, 첫 교육날 일과를 마치고 나서이다. 우선 첫 시간이었기 때문에 수강생들도, 관리자분들도 굉장히 바쁘고 당황했던 순간들이 많았던 것 같다. 출결은 어떻게 해야하는지, 로그인 왜 안되는지, 교육 과정은 오늘 들어야 하는 정해진 범위가 있는지, 구름EXP에 작성한 배움일기가 왜 안보이는지 등의 질문이 주를 이루었던 것 같다. 첫날은 세미나 한 번, 점심시간 및 자율 공부시간, 다시 강연 한 번으로 마무리되었다. 세미나 요약 https://childevnote...

CSS(Cascading Style Sheets) Basics [1]
HTML & CSS2023. 8. 15. 01:00CSS(Cascading Style Sheets) Basics [1]

CSS를 사용하는 방법? HTML 안에서 Style 속성을 이용하는 방법 (인라인 스타일) 태그를 통해 HTML 문서 내부에서 이용하는 방법 (내부 스타일 시트) 별도로 CSS 파일을 분리하여 HTML의 문서에 연결하는 방법 (외부 스타일 시트) 인라인 스타일, 내부 스타일, 외부 스타일 적용이 혼합되어 사용될 경우 어떤 스타일을 적용하나? 인라인 스타일 -> 내부 스타일 시트, 외부 스타일 시트 -> 웹 브라우저 기본 스타일 순서로 우선적용 CSS의 기본 구조 선택자, 프로퍼티, 값 내부 스타일 시트 방식으로 css를 적용 외부 스타일 시트 방식으로 css를 적용 .a-button:hover a-button 요소에 마우스를 가져갔을 때만 적용되는 스타일 .a-button:active a-button 요..

HTML(Hyper Text Markup Language) Basics
HTML & CSS2023. 8. 14. 15:42HTML(Hyper Text Markup Language) Basics

태그 (tag) 웹 문서를 구성하는 명령어 꺽새 안에 들어있는 정보를 정의하는 형식 요소의 일부로 시작 태그와 종료 태그 두 종류 종료 태그가 없는 과 같은 태그가 있음(내부에 내용이 필요없음) 요소 (element) 빈 요소 , 내용 없이 구조적인 기능만 하는 요소 블록 요소 h1~h6, div, list, p, ··· 다른 요소를 포함할 수 있는 요소 인라인 요소를 포함할 수 있다. 블록 요소 이후 블록 요소를 사용하면 내용이 세로로 나타난다. margin, padding 값을 가질 수 있다. 인라인 요소 a, span, strong, ··· 인라인 요소는 블록 요소를 포함할 수 없다. 블록 요소 이후 블록 요소를 사용하면 내용이 가로로 나타난다. 너비, 높이 값을 가질 수 없다. index.html..

[BOJ] 백준_2012번_등수 매기기_C/C++
백준 알고리즘2022. 2. 27. 13:06[BOJ] 백준_2012번_등수 매기기_C/C++

문제 출처 https://www.acmicpc.net/problem/2012 2012번: 등수 매기기 첫째 줄에 자연수 N이 주어진다. (1 ≤ N ≤ 500,000) 둘째 줄부터 N개의 줄에 걸쳐 각 사람의 예상 등수가 순서대로 주어진다. 예상 등수는 500,000 이하의 자연수이다. www.acmicpc.net 문제 설명 코드 //[BOJ] 2012번 등수 매기기 #include #include #include using namespace std; int main() { int n; long long total = 0; cin >> n; int* arr = new int[n]; for (int i = 0; i > arr[i]; } sort(arr, arr + n); fo..

[BOJ] 백준_2810번_컵홀더_C/C++
백준 알고리즘2022. 2. 26. 11:56[BOJ] 백준_2810번_컵홀더_C/C++

문제 출처 https://www.acmicpc.net/problem/2810 2810번: 컵홀더 첫째 줄에 좌석의 수 N이 주어진다. (1 ≤ N ≤ 50) 둘째 줄에는 좌석의 정보가 주어진다. www.acmicpc.net 문제 설명 코드 //[BOJ] 2810번 컵홀더 #include using namespace std; int main() { int n; string s; cin >> n; int total = n+1; cin >> s; for (int i = 0; i n) total = n; cout

728x90
반응형
LIST
image