본문 바로가기

개발일지10

Javascript 코딩 독학 공부 - 2 (파라미터, return문) 파라미터(매개변수) console.log(값) 함수를 호출할 때 소괄호 안에 입력하는 값 // 함수 선언 function greetings(sentence) { console.log('Hi'); console.log('안녕'); console.log('こんにちは'); console.log('你好'); console.log('Guten Tag'); console.log('Bonjour'); console.log('Buongiorno'); console.log(sentence); }; //함수 호출 greetings('Hola'); 함수 호출에서 'Hola'라는 문자열이 함수 선언의 'sentence'라는 파라미터로 전달되고, 함수 내부의 'sentence'가 'Hola'라는 값을 가진 변수처럼 활용되어 결.. 2022. 12. 23.
Javascript 코딩 독학 공부 - 1 (세미콜론, 주석, 자료형, 추상화, 변수선언, 함수) ;(세미콜론) 문서의 마침표처럼 코딩에는 ;(세미콜론)을 작성한다. 경우에 따라 작성하지 않으면 오류가 발생할 수도 있다. 경우에 따라 작성하기 어려우면 의식적으로 코딩 마지막에 ;(세미콜론)을 붙이는 습관을 들이도록 하자. 주석(comment) //(슬래시) 정상적인 코드를 작성하더라도 메모로 인식 /* 엔터를 사용해도 주석으로 사용됨 */ 어떤 의도로 코드가 작성 되었는지 설명할 때 사용 구현한 코드가 어떤 동작을 하는지 기록할 때 사용 다른 사람이 작성해둔 코멘트를 읽어보는 것도 중요 자료형(Data type) 숫자형(Number) 정수(Integer) 예_ -8, -3, 0, 2, 84 소수(Floating Point) 예_0.24, 3.14, -49.2 숫자형은 사칙연산이 가능하다. 문자열(St.. 2022. 12. 22.
HTML 공부 - 2 (하이퍼링크와 이미지, 의미 없는 태그와 의미 부여 태그) 하이퍼링크(Hyperlink) 웹 페이지에는 다수의 하이퍼텍스트가 포함되어 있는데, 이러한 하이퍼텍스트 문서 내에서 페이지 간의 이동을 가능하게 하는 것을 하이퍼링크 또는 링크라고 부른다. HTML언어에서 링크를 표현하기 위해 인라인 태그인 태그를 사용 태그를 사용할 때는 연결된 URL를 의 href속성 값으로 작성하며, 화면에 표시될 텍스트는 여는 태그와 닫는 태그사이에 작성 이미지, 제목 태그 등 다양한 태그에 사용할 수 있다. 네이버 바로가기 target : 링크를 클릭했을 때 연결된 웹페이지를 어떻게 열지 명시, 별도의 지정이 없으면 '현재 페이지에서 열기'로 설정 target 속성에 지정할 수 있는 옵션 ⧠ _self (기본 값) : 현재 페이지에서 열기 ⧠ _blank : 새 창 • 새 탭에서.. 2022. 12. 14.
HTML 공부 - 1 (HTML의 정의와 문서의 구조, 제목, 텍스트) 공부 출처 : HTML 독학백서 / 이도해 HTML(HyperText Markup Language) 웹 페이지 화면의 뼈대 (골격)을 만드는 데 사용되며, 웹 브라우저 상에서 동작하는 언어를 의미한다. 정보 기술을 위한 언어이다 보니 사용자와의 상호작용을 위해 다른 언어와 결합되어야 한다. 하이퍼텍스트 비순차적 접근이 가능한 문서(A를 선택하면 정확히 A지점으로 바로 이동) 마크업 언어 태그 등을 이요해 문서를 작성(표현)하는 언어 정보를 기술하는 언어(프로그래밍 언어에 해당하지 않는다) HTML5 HTML에서 불가능 한 부분들이 추가된 최신 버전을 의미한다. 웹(WEB) World Wide Web을 간략히 표현한 것으로, 인터넷에 연결된 사용자들이 정보를 주고 받을 수 있는 연결된 공간을 의미 인터넷상.. 2022. 12. 12.
비전공 개발자 풀스택 로드맵 2022 프론트 엔드 백엔드 ------------------------------- [풀스택 개발자 로드맵 정리] 기본으로 배워야 할 것 (전문적으로 배울 때 필요) Html Css Javascript (Typescript) 웹브라우저 밖에서 JS사용 Node JS - Express, Koa (Nest JS) 데이터베이스 MongoDB - mongoose JavaScript가 싫다면 Python 서버를 만들고 싶으면 Flask ​Flask가 별로 마음에 안들었으면 Django 누구나 다 배워야함 React JS (Next JS) JS, Python둘다 싫다면 Java spring C# ​앱에 관심있으면 React Native 풀스택은 가능하지만 더 배워야 할 것 데이터 구조 알고리즘 SQL 다른 프로그램 언어 .. 2022. 12. 10.
스파르타 코딩클럽 웹개발 종합반 4주차 개발일 3주차에는 고난과 역경의 시간이었다....ㅠㅠㅠ 왜 점점가면서 오류가 이렇게 많아지는거야 ㅠㅠ 역시 선배님들의 이게 왜 돼지? 이게 왜 안돼? 가 이미 시전되고 있었던 것이어따!!! 이번 4주차에서는 HTML, CSS, JS와 MongoDB를 연결해서 서버를 직접 만들어보는 시간을 가졌다. 컴퓨터에 projects 폴더에 하위폴더로 [prac][mars][movie][homework][bucket]를 생성해주고 파이참에서 projects폴더를 열어준 다음 flask라는 패키지를 설치함으로써 시작하는 준비를 마친다. flask 프레임워크 : 서버를 만들 수 있는 큰 라이브러리, 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. (예) 프레임워크를 사용하.. 2022. 11. 10.
스파르타 코딩클럽 웹개발 종합반 3주차 개발일지 2주차에서는 javascript를 HTML과 CSS에 접목시키는 것을 배웠다면, 3주차에서는 Python, 크롤링, mongoDB를 중점적으로 배웠다. [파이썬] 파이썬은 직관적인 편이고, 사용자가 사용하기에 언어가 쉬워 많은 함수가 생략되어있고 원하는 단어를 많이 외울 필요가 없는 장점이 있는 것 같다. 처음에 나도 파이썬으로 코딩을 공부했기 때문에 스파르타 코딩클럽에서 파이썬을 시작한다고 했을 때 즐겁고 기대가 되었다. 하지만 내가 배웠던 파이썬과는 조금 달랐다. 좀더 깊이가 있는 영역을 배워 내가 알던 string, bool과 같은 영역은 언급만하고 지나갔고 직접 대입하는 함수를 위주로 배웠다. 숫자는 "" 혹은 ''을 사용할 필요가 없지만 문자열은 따옴표를 작성해 문자열이라는 것을 알려주어야 한다.. 2022. 11. 6.
스파르타 코딩클럽 앱개발 1주차 개발일지 글을 시작하기 전에 웹개발과 앱개발을 모두 듣고 있는 나로써 벌써 한계에 부딧힌 느낌 ㅠㅠㅠ 개인적으로는 웹개발보다 앱개발이 더 어려웠고 ㅠㅠ 설명도 뭔가 더 어려운 느낌이었다. 모르는 부분은 찾아보는 것이 중요하다고 개발자분들도 다 아는건 아니라고 하시고 처음은 당연히 어려울 수 있다고 괜찮다고 하시는데.. 뭐.. 사실 그런 위로가 귀에 들리지 않아 ㅠㅠㅠ 나는 어려워.. 나는 멘붕이야.. 나는 이게..맞나..싶어요 슨생님... 그래도 웹개발과 앱개발을 같이 듣기를 잘했다고 생각하는 부분은 웹개발 1주차와 앱개발 1주차 모두 자바스크립트를 다루고 있기 때문에 어려운 부분은 뭔가 반복해서 다른 강사에게 설명을 듣는 느낌이라 도움이 되었다. 하지만 결국은 내가 공부해서 내 지식으로 만들어야하는 분야이기 때.. 2022. 10. 25.
외 않되???? jQuery와 자바스크립트의 연결 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 이건 내가 만든 부분이고 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1.. 2022. 10. 24.

티스토리툴바