본문 바로가기

"공부" 𝑟𝑒𝑐𝑜𝑟𝑑56

스타벅스 랜딩 페이지(홈페이지) 만들어보기 - vanilla ver. 이번에는 스타벅스 랜딩 페이지(홈페이지)를 구현해보았다. 이번에는 HTML, CSS, JavaScript 사용과 함께 몇 가지의 라이브러리도 함께 활용해보았다. 모든 코드를 이해하고 구현까지 하느라 넘무 힘들었지만 이제 막 코린이 단계일 뿐 ,,, (-‸-,) 내가 원하는 디자인대로 뚝딱뚝딱!! 단시간에 만들 수 있는 실력이 될 때까지 화이륑 ⋆⁺₊⋆ ⛧ 출처: https://github.com/ParkYoungWoong/starbucks-vanilla-app GitHub - ParkYoungWoong/starbucks-vanilla-app: 스타벅스 랜딩 페이지(+로그인) 예제 for FastCampus 스타벅스 랜딩 페이지(+로그인) 예제 for FastCampus. Contribute to Park.. 2022. 1. 18.

오버워치 영웅 선택 페이지 만들어보기 - vanilla ver. 별도의 프레임워크나 라이브러리 같은 웹개발을 도와주는 모듈을 사용하지 않고 순수한 HTML과 CSS만 사용하여 오버워치 영웅 선택 페이지를 만드는 실습을 진행해보았다. 평소에 안그래도 오버워치를 좋아해서 만들고 나니 괜히 짜릿했다 ㅎㅎ 내 최애 캐릭터는 루시우 이지롱 🐸♥ 출처: https://github.com/ParkYoungWoong/overwatch-hero-selector-vanilla GitHub - ParkYoungWoong/overwatch-hero-selector-vanilla Contribute to ParkYoungWoong/overwatch-hero-selector-vanilla development by creating an account on GitHub. github.com i.. 2022. 1. 11.

[코딩] VS Code 사용 시 유용한 확장 프로그램 Visual Studio Code를 사용할 때 유용한 확장 프로그램들을 몇 개 가져와봤다. 1. Beautify → VS Code 상에서의 코드들을 예쁜 형태로 정리해주는 기능을 한다. 2. Auto Rename Tag → HTML이나 XML 태그들의 이름을 변경할 시에 이를 자동으로 변경해준다. 3. Live Server → VS Code에서 간이 로컬 서버를 이용한 실시간 미리보기 기능이다. 따로 서버에 등록하지 않고도 작성하고 있는 코드가 웹 페이지 상에서 어떤 식으로 나타나는지 미리 볼 수 있게 해준다. html 코드 상에서 마우스 우클릭을 통해 Open with Live Server를 실행 시에 기본 설정 포트 번호인 5500번 포트를 사용해 서버에 접속한다. 코드를 수정하고 저장해줄 때마다 이.. 2022. 1. 3.

[Python] CodeUp 기초 100제 Clear (•̀ᴗ•́)و ̑̑ 코딩 공부를 습관적으로 매일매일 꾸준히 해야겠다는 생각에 일단 가볍게 몸푸는 마음으로 3일을 잡고 CodeUp의 기초 100제를 모두 풀었다. 그냥 몸풀기 위한 문제들이라 수월했지만 영롱한 초록색의 Y들 을 보니 뿌듯하긴 하다 ㅎㅎ 기초 100제 문제들이였어도 바둑알 십자 뒤집기 문제에서 한 부분을 int()형으로 안바꿔주어서 결과가 자꾸 이상하게 나와서 1시간 넘게 머리 쥐어싸맨건 안비밀 ,,, 역시 코딩은 작은 한 개만 틀려도 결과가 다 틀어져버려 ( Ĭ ^ Ĭ ) 이제 다음 Step으로-!! 2021. 12. 1.

[Python/CodeUp] 6098 : [기초-리스트] 성실한 개미 6098 : [기초-리스트] 성실한 개미 시간 제한: 1 Sec 메모리 제한: 128 MB [기초-리스트] 성실한 개미(py) python언어기초100제v1.0 : @컴퓨터과학사랑, 전국 정보(컴퓨터)교사 커뮤니티/연구회 - 학교 정보(컴퓨터)선생님들과 함께 수업/방과후학습/동아리활동 등을 통해 재미있게 배워보세요. - 모든 내용 codeup.kr 문제 설명 영일이는 생명과학에 관심이 생겨 왕개미를 연구하고 있었다. 왕개미를 유심히 살펴보던 중 특별히 성실해 보이는 개미가 있었는데, 그 개미는 개미굴에서 나와 먹이까지 가장 빠른 길로 이동하는 것이었다. 개미는 오른쪽으로 움직이다가 벽을 만나면 아래쪽으로 움직여 가장 빠른 길로 움직였다. (오른쪽에 길이 나타나면 다시 오른쪽으로 움직인다.) 이에 호기심이.. 2021. 12. 1.

[Python/CodeUp] 6096 : [기초-리스트] 바둑알 십자 뒤집기 6096 : [기초-리스트] 바둑알 십자 뒤집기 시간 제한: 1 Sec 메모리 제한: 128 MB [기초-리스트] 바둑알 십자 뒤집기(py) python언어기초100제v1.0 : @컴퓨터과학사랑, 전국 정보(컴퓨터)교사 커뮤니티/연구회 - 학교 정보(컴퓨터)선생님들과 함께 수업/방과후학습/동아리활동 등을 통해 재미있게 배워보세요. - 모든 내용 codeup.kr 문제 설명 부모님을 기다리던 영일이는 검정/흰 색 바둑알을 바둑판에 꽉 채워 깔아 놓고 놀다가... "십(+)자 뒤집기를 해볼까?"하고 생각했다. 십자 뒤집기는 그 위치에 있는 모든 가로줄 돌의 색을 반대(1->0, 0->1)로 바꾼 후, 다시 그 위치에 있는 모든 세로줄 돌의 색을 반대로 바꾸는 것이다. 어떤 위치를 골라 집자 뒤집기를 하면, .. 2021. 12. 1.

이전 1 ··· 5 6 7 8 9 10 다음

티스토리툴바