![]()
✅ 초기 와이어 프레임 구성 내일 배움 캠프에서 4일 동안 미니프로젝트로 팀 소개 페이지를 만들었습니다. 위 이미지는 첫날 급하게 만든 와이어프레임인데, 여러 문제가 있어서 중간에 수정했습니다. (즉, 최종 결과본은 초기 와이어프레임과 전혀 다름)짧은 시간 내에 구현해야 할 기능이 너무 많음 (이제 막 웹개발을 배우기 시작한 단계라 익숙지 않음)HTML, JavaScript(+ JQuery), CSS 구성보다는 CRUD 기능적인 측면에 너무 과중되어 있음 ✅ 모방 학습위 와이어프레임대로 진행하는 것은 좋지 않다고 판단하여, 팀원들과 상의하고 먼저 모방 학습이란 걸 해봤습니다.다른 사람들이 만든 웹사이트를 참고하는 것인데, 저희 현재 수준에서 적당히 어려운 것 하나 골라서 각자 가능한 한 똑같이 만들어보..
![]()
스파르타(넷)플릭스 만들기이번에도 간단한 html 뼈대와 css 꾸미기를 진행한다.아직 특별한 기능을 추가하지는 않았으나, javascript 기본적인 문법을 사용해본다. javascript 관해서 아래에 내용을 따로 정리하지는 않았으나 공부했던 내용을 적어보면1) 변수 설정 (리스트, 딕셔너리 등)2) 조건문3) 반복문4) 함수 추가5) jQuery : jQuery는 JavaScript 라이브러리중 하나로, 웹 개발을 더 쉽게 할 수 있도록 도와주는 도구이다. HTML 문서 조작, 이벤트 처리, 애니메이션, Ajax 요청 등 JavaScript만으로 기능을 구현하는 것 보다 jQuery를 사용하면 보다 편리하게 구현할 수 있다. 만약 html 특정 id값을 조작하는 경우 (간단한 문법 지원)javasc..
![]()
나만의 추억앨범 화면웹개발 기본편 1주차에서 다뤄본 것은 나만의 추억앨범 겉 껍데기 만들기이다.기능은 없고, 틀(html)과 꾸미기(css)만 사용했다. HTML 코드더보기 나만의 추억앨범 추억 저장하기 앨범 이미지 앨범 제목 앨범 내용 앨범 날짜 기록하기 닫기 ..
참고: 김영한의 실전 자바 - 기본편 강의 기본형과 참조형변수의 데이터 타입은 크게 기본형과 참조형으로 구분할 수 있다.기본형 (Primitive Type)`int`, `long`, `double`, `boolean` 처럼 변수에 사용할 값을 직접 넣을 수 있는 데이터 타입을 기본형이라 한다.기본형은 숫자 `10`, `20`과 같이 실제 사용하는 값을 변수에 담을 수 있고, 해당 값을 바로 사용할 수 있다.참조형 (Reference Type)`Student student1`, `int[] students`, `String`과 같이 데이터에 접근하기 위한 참조(주소)를 저장하는 데이터 타입을 참조형이라 한다. 참조형은 객체 또는 배열에 사용된다. 참조형은 실제 사용하는 값을 변수에 담는 것이 아니라, 실제..
참고: 김영한의 자바 입문 강의 공부 내용 오버로딩(Overloding)이란?이름이 같고 매개변수가 다른 메서드를 여러개 정의하는 것을 메서드 오버로딩(Overloding)이라고 한다. 오버로딩 규칙메서드 이름이 같아도 매개변수의 타입 및 순서가 다르면 오버로딩을 할 수 있다. (반환 타입은 인정 X) 오버로딩 예시add(int a, int b)add(int a, int b, int c)add(double a, double b) 오버로딩 실패 케이스 - 반환 타입만 다르게 명시int add(int a, int b)double add(int a, int b) 오버로딩 실패 케이스 - 매개변수 타입 및 순서 동일int add(int a, int b)int add(int c, int d) 메서드 시그니처(me..
문제: https://school.programmers.co.kr/learn/courses/30/lessons/134240 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr python 풀이 코드def solution(food): answer = [] for i in range(1, len(food)): count = food[i] // 2 if count == 0: continue answer.append(str(i) * count) answer.extend(['0']) answer..
문제: https://school.programmers.co.kr/learn/courses/30/lessons/142086 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr python 풀이 코드def solution(s: str) -> list: char_locations = dict() answer = [] for idx, c in enumerate(s): if c in char_locations: answer.append(idx - char_locations[c]) else: ..
문제: https://school.programmers.co.kr/learn/courses/30/lessons/68644 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr python 풀이 코드def solution(numbers: list) -> list: answer = set() for i in range(len(numbers) - 1): for j in range(i + 1, len(numbers)): answer.add(numbers[i] + numbers[j]) answer = sorted(list(an..
문제: https://school.programmers.co.kr/learn/courses/30/lessons/12915 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr python 풀이 코드def solution(strings, n): result = sorted(strings, key=lambda x: (x[n], x)) return resultresult = solution(strings=["sun", "bed", "car"], n=1)print(result) # 정답: ["car", "bed", "sun"]
문제: https://school.programmers.co.kr/learn/courses/30/lessons/81301 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr python 풀이def solution(s: str) -> int: numbers_dict = { "zero": "0", "one": "1", "two": "2", "three": "3", "four": "4", "five": "5", "six": "6", "seven": "7", ..
