2. [2단계] 제목: 조건문 1단계.두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오.첫째 줄에 다음 세 가지 중 하나를 출력한다.A가 B보다 큰 경우에는 '>'를 출력한다.A가 B보다 작은 경우에는 'A와 B가 같은 경우에는 '=='를 출력한다.답: a, b = map(int, input().split())if (a > b) : print('>') elif (a print('else : print('==') if문을 쓰면 된다. 파이썬에서는 else if 를 elif로 줄여 쓰며 조건을 쓰고 ":"을 넣어준다. 이후 그냥 코드 작성해 주면 된다.2단계.문제시험 점수를 입력받아 90 ~ 100점은 A, 80 ~ 89점은 B, 70 ~ 79점은 C, 60 ~ 69점은 D, 나머지 점수는 F.. 2024. 8. 8. 1. [1단계] 제목: 입출력과 사칙연산 (시작하기 앞서서)백준 문제를 풀 코딩 언어로 c++ 혹은 파이썬 중에 고민을 했다. 물론 자바스크립트로 작성할지도 고민했다.속도는 c++ 이 빠르고 자바스크립트는 프론트엔드 주력 언어이지만, 어디까지나 백준 문제 풀기이고 이는 알고리즘에도 얼추 걸쳐있기에.. 그리고 문법이 쉬운 파이썬으로 일단 정했다. (어차피 코테 준비 끝나면 언어 바꾸기는 1주면 된다.)1단계. Hello World!를 출력하시오.답: print("Hello World!")출력은 print로 출력한다.2단계.두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오.이때 키포인트는 "첫 번째"에 출력하는 것이다.답: a, b = map(int, input().split()) print(a+b) 입력은 input으로 .. 2024. 8. 7. 개발자가 알고 있으면 좋은 사이트 / 툴 알고 있으면 좋은 사이트 툴을 여기 블로그에 정리했음. 이것들 말고도 엄청 많음https://youtu.be/XvgoAPvFWig?si=R-J9SQw4E2B7y7FNhttps://rakjido.github.io/2020/10/21/Front-End-Useful-Sites Front End 유용한 사이트 모음Web 개발 중 디자인 측면에서 유용한 사이트들을 정리해 보았습니다.rakjido.github.iohttps://youtu.be/q_rBbcTiSC4?si=S2qXnXnSewlatxQk등등.. 엄청 많음. 2024. 8. 7. 1. 리액트 JSX 이슈(시작하기에 앞서서... 리액트 강의가 버전 1 , 버전 2가 있는데.. 버전 2가 새롭게 리뉴얼됨에 따라 버전 1 강의는 버리고 버전 2의 강의를 듣기로 결정하게 되었다. 버전 1은 나중에 시간이 날 때 볼 듯하다.) - 기준 2024년 8월 7일.정말 다행히도 버전 2는 HTML / CSS / 자바스크립트에 대한 기본적 내용이 "준비하기" 과정에 추가되었기에 기록하는 것에는 지장이 없다. 그 뒤에 리액트 소개와 연동까지는 별 지장이 없기에 JSX부터 기록을 버전 2로 시작하게 되었음.> 이에 따라 Node.js / npm 을 설치하고 React App 연동까지 하였다. 리액트를 구동하고 싶다면 터미널을 열어서 npm start 라고 작성하면 된다.JSX란 자바스크립트 파일에서도 쓰이는 html 대.. 2024. 8. 7. 0. 리액트 소개 및 실습 리액트가 무엇인가?심플하다. 화면을 만들기 위한 자바스크립트 라이브러리(참고로 라이브러리는 프레임워크보다는 조금 더 자유롭다.)리액트는 페이스북이 만들어낸 라이브러리이다.리액트의 장점빠른 업데이트 및 빠른 렌더링 속도. 또한 Virtual DOM 이 적용되어 있다. (쉽게 말해서 "스무스"하게 움직임) 그리고 레고 조립하듯이 컴포넌스 베이스인 라이브러리이다. 즉 이것은 "재사용성"이 좋다는 뜻이기도 하다. 이것은 곧 개발 속도를 빠르게 만든다. 무엇보다 "가장 많이 쓰이는 프론트엔드 라이브러리". 이것이 가장 큰 장점이다. (커뮤니티가 많음)+ (React Native 까지 배우면 모바일도 커버됨리액트의 단점뭐든 그렇지만, 새로운 기술에는 새로운 개념이 등장해서 생소함. 무엇보다 프론트엔드 시장의 기술은.. 2024. 8. 6. (프롤로그) 구름 스터디 (P.S 카카오) 정말 운이 좋게도 카카오 주관. 구름 유니브에 합격했다. 목적은 11월의 해커톤이 목적이다.다만 이 해커톤에 앞서서 스터디를 필수로 요구하게 된다. 프론트엔드로 지원했기에 HTML / CSS / JavaScript 는 기본. 리액트까지는 스터디해야 한다.스터디는 이렇게 프론트 그리고 추가 활동으로 이루어져 있다.앞으로 이 카테고리를 이용해서 기록을 남기고자 한다. 2024. 8. 6. 0. 백준 방향성 잡기 (시작에 앞서. 이 카테고리는 백준 문제 풀이임을 명시함)https://youtu.be/H6z1_tnyhp0?si=eN7m8LxWn0YXhGCx뭐든 시작이 중요하다.카카오 구름 스터디를 하면서 "EDU" 강의 하나와 개별적 활동 하나를 필수로 하게 되었는데, 개별적인 활동으로 [백준 문제 풀기]가 되었다. 백준 문제를 풀기 앞서서 전체적인 방향을 잡을 필요가 있어 보였다. 코딩은 속도도 중요하지만 무엇보다 방향이 중요하기 때문이다. (꾸준함이 제일 중요하다.)이에 영상을 참고, 가이드라인대로 한 번 백준을 풀어보고자 한다.1. 가이드라인문제 > "문제 단계별로 풀어보기"부터 시작해서 1단계 ~가 존재함.단계별로 풀어보기로는 1단계에서 12단계까지만 이용한다.12단계까지 도달했다면 그다음은 강의 > 온라인.. 2024. 8. 6. 리액트 기초 역시 형이야. 믿고 있었어https://youtube.com/playlist?list=PLfLgtT94nNq0qTRunX9OEmUzQv4lI4pnP&si=9gcW-e4b6OS_2ql4 2022 코딩애플 리액트 강의 www.youtube.com(리액트 기초로 블로그 프로젝트 만들기 영상)//https://youtu.be/qcphnSqneE0?si=mLI1Ua6dPPLv9c7f(이건 코딩 알려주는 누나 영상)더 딥한 건 다른 영상 참고하자.https://www.youtube.com/playlist?list=PLo3AHtncM26y0qX58gjc_QrkYlBCzQ2R_ 처음 만난 리액트 v2새롭게 리뉴얼 된 '소플의 처음 만난 리액트' 강의입니다.www.youtube.com(구름 - 소플) 2024. 8. 3. HTML - Sementic Tag Sementic Tag란시멘틱 태그(Sementic Tag)에서 Sementic의 사전적 의미는 "의미론적"이라는 뜻으로, HTML에서 시멘틱 태그란 "의미를 가지는 태그"를 말한다.가령 제목과 같이 큰 글씨를 나타낼 때 태그를 사용하여 나타낼 수 있다. 태그는 페이지 제목이라는 의미를 갖고 있다.반면 태그에 style을 입혀 태그와 동일한 스타일을 표시할 수 있다. 하지만 이것은 HTML 의미(Sementic)를 제대로 살리지 못한 것 이기 때문에 지양할 필요가 있다.페이지 Layout을 만들거나 HTML 마크업을 할 때 최대한 의미 있는 Sementic Tag를 사용하길 권장함.HTML Sementic Elements : 페이지에 대한 정보를 담는 태그로, 페이지 상단에 위치합니다. : 다른 .. 2024. 7. 21. 2024 부트캠프 추천 총정리 https://youtu.be/kBpqbZeFqrc?si=ETAtqvMWvUqwIxP2부트캠프는 선택이다! (영상의 기준은 2024년) 2024. 7. 20. 깃 / 깃허브이란? 사용방법은? https://youtu.be/lelVripbt2M?si=rO114iJ3vr_uhnh- 프로젝트를 위해서는 깃과 깃 허브는 필수이다. (개발을 위해서도 그냥 필수임)https://hackmd.io/@oW_dDxdsRoSpl0M64Tfg2g/ByfwpNJ-K Git 명령어 총정리집 (by 코딩알려주는 누나❤) - HackMD# Git 명령어 총정리집 (by 코딩알려주는 누나❤)  안녕하세요 여러분 :)hackmd.io(코딩알려주는 누나 / git 명령어 총정리집 참고)> 코드를 요약하자면..// main Branches 으로 올릴 때.git add .git commit -m "하고 싶은 말 적기"git push.. 2024. 7. 19. 리팩터링이란? 리팩터링(refactoring)은 소프트웨어 공학에서 '결과의 변경 없이 코드의 구조를 재조정함'을 뜻한다. 주로 가독성을 높이고 유지보수를 편하게 한다. 버그를 없애거나 새로운 기능을 추가하는 행위는 아니다.> 코드 보수에 좋음. 클린 코드를 위한 재보수https://ikkison.tistory.com/82 (1) 리팩토링, Refactoring 이란?이 글을 검색하시는 여러분들이라면 노트북이나 PC에 직접 구현한 프로젝트가 있고 최소한 객체지향언어로 프로그램을 구현할 줄 하시는 분들일 겁니다. 이전에 작성 소스코드를 다시 보신적이ikkison.tistory.com(관련 내용) 2024. 7. 19. 객체지향 3대 요소 (매우 중요) https://kimdirector1090.tistory.com/81 [Java] 객체 지향 프로그래밍의 3요소*이 글의 내용은 제가 이해한 것을 바탕으로 작성되었습니다. 글의 내용 중 잘못된 내용이 있다면 댓글로 피드백 해주시면 감사하겠습니다. 이 글은 객체 지향 프로그래밍의 구성 요소 중 흔히 3kimdirector1090.tistory.com1. 캡슐화2. 상속3. 다양성 2024. 7. 19. JavaScript 무료 풀강의 프론트엔드는 기본적으로 HTML / CSS / JavaScipt 이 기본 베이스이며 이에 더해 여러 라이브러리와 프레임워크가 결합된 것이라고 생각하면 됨. 이 때에 자바스크립트는 정말 많은 역할은 해줌. (사실상 메인) 또한 앞에 HTML / CSS는 "마크업 언어"라서 실질적인 코딩 언어라고 부르기 어렵지만, 자바스크립트는 "고급 언어"임. 다음은 자바스크립트 강의 목록임. 이 밖에도 많은 강의들이 존재한다.https://www.youtube.com/watch?v=ZOVG7_41kJE&list=PLLqUmIoAEUCRlPhypkA-k-5Dgw-NiR_wz&index=72024 버전https://www.youtube.com/playlist?list=PLlaP-jSd-nK-nRWstWs_MvCWhVHb7A.. 2024. 7. 12. CSS Flexbox / Grid css에서 Flexbox 와 Grid는 정말 중요한 개념이다. 이에 대한 설명은 밑의 영상을 참고하자. (아, 그리고 "절대 하나 하나 처 외우지 말 것)https://youtu.be/7neASrWEFEM?si=LVytunQ_Ozp0U2Ww플렉스박스https://youtu.be/nxi1EXmPHRs?si=TLNpAK_XtDSRaKXD그리드알아두면 좋은 사이트 (플레스 박스 / 그리드)https://codepen.io/enxaneta/full/adLPwv/(플렉스 박스 레이아웃 체킹) Flexbox playground...codepen.iohttps://www.joshwcomeau.com/css/interactive-guide-to-grid/(그리드 작동 원리) An Interactive Guide to .. 2024. 7. 12. 상위 1%의 개발자 특징 https://www.youtube.com/watch?v=xFiHEc2qYAg&t=293s첫 번째는 회고. 이때 KDT 회고를 한다. ( 유지할 것, 문제점, 시도할 것 )을 의미함.이건 개발적인 것뿐만 아니라 "인생" 전체에서도 포함임. 좋은 것은 유지하고 자신이 가진 문제점을 찾고, 이를 해결할 수 있는 방법, 전략 찾아서 시도할 것. https://youtu.be/Y3tLz6yTE6Q?si=zp5IbDEeXIapzesP두 번째는 지속적인 학습이다. (코딩의 세계에서는 필수이며. 또한 새로운 기술에 대한 학습과 관심이 필요하다.)그리고 코드적인 것뿐 아니라, 다른 [영역]의 지식도 계속해서 추구해야 함.https://www.youtube.com/watch?v=MPVsjHpaVBM마지막으로는 루틴이다... 2024. 7. 11. MDN 웹 문서. (프론트 엔드를 위한 태그 모음) https://developer.mozilla.org/ko/ MDN Web DocsThe MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.developer.mozilla.org HTML / CSS 태그 하나 하나 외우기 금지. 현업하는 분들도 모르면 검색하면서 만듭니다. 이거 ㄹㅇ 반박불가 ㅇㅈ? 2024. 7. 10. HTML / CSS 강의 https://www.youtube.com/playlist?list=PLlaP-jSd-nK-ponbKDjrSn3BQG9MgHSKv HTML/CSS 강의 www.youtube.com태그 하나 하나 외우기 금지. 물론 자주 쓰는 것들은 알아서 외워질 것임. 여기서 키포인트는 "알아서" 외워지는 것임.의도해서 외우는게 아님. 실무에서도 실제로 검색해서 찾아내서 쓸 때가 엄청 많음. ㅇㅋㄷㅋ?태그 관련해서는 기본적인 부분은 밑 링크 참조https://tkayyoo.tistory.com/6 [Web] HTML/CSS 기초 문법 정리이번 시간에는 web 구현하기 위해 기본적으로 사용하는 HTML/CSS를 정리해보려고 합니다. HTML/CSS는 가장 기본이 되는 ‘웹 개발 언어’로, 로직을 다루는 것이 아니기 때문에.. 2024. 7. 10. 비주얼 스튜디오 꿀팁 https://www.youtube.com/watch?v=2mBbZG9vVtE혹은https://www.youtube.com/watch?v=sRkZ62Psilo&t=104s또는https://www.youtube.com/watch?v=umeqCopb96w 2024. 7. 10. 비주얼 스튜디오 설치법 및 사용 https://new-step.tistory.com/entry/visualstudiocode%EB%AA%A8%EB%93%A0%EA%B2%83 [Visual studio code] 비쥬얼 스튜디오 코드 모든것 (다운로드, 설치, 화면, 사용법, 사용해야 하는 이1. Visual Studio Code 소개 Visual Studio Code(이하 VS Code)는 Microsoft에서 개발한 무료, 오픈 소스 코드 편집기입니다. VS Code는 IDE(통합 개발 환경)의 한 종류입니다. 가볍지만 강력한 소스 코드 편집기로,new-step.tistory.com혹은https://startcoding0.tistory.com/entry/Visual-Studio-Code-%EC%84%A4%EC%B9%98-%EB%B0%.. 2024. 7. 10. 이전 1 ··· 8 9 10 11 12 13 14 다음
