with with

이전 이야기(명일방주 세계관 스토리) 다음 이야기(명일방주 1지역 스토리) 연구시설 밖으로 나온 박사와 로도스 일행은 충격적인 거리의 상황을 목도한다. 학살과 파괴를 감행하며 체르노보그를 아비규환으로 만든 리유니온. 한시라도 빨리 이곳을 빠져나가야 한다는 걸 알고 있지만, 로도스는 사람들을 구하고자 나서게 된다. 아미야와 도베르만, 그리고 로도스 정예 오퍼레이터들은 리유니온 병사들을 제압하고 체르노보그 시민들을 구하게 된다. 하지만 구조받은 시민들은 감염자란 이유로 로도스를 두려워한다. 휴식을 취한 후 아미야는 박사에게 자신이 광석병 환자라는 사실과 로도스에 대해 설명한다. 한 편, tv에는 비참하게 파괴되고 있는 체르노보그를 뒤로 우르수스의 승전보가 울리고 있었다. 하지만 승전보와는 다르게 우르수스 헌..

6, 7주차의 목표는 Restful API와 node.js 프레임워크를 이용해서 인스타밀리그램에서 사용할 api의 매우 일부분을 만들어 보는 것이다. 민감한 정보가 많아 이번엔 영상대신 사진으로 설명과 함께 정리해봤다. 해당 활동에서 사용한 서버 api 템플릿은 컴공선배 라이징캠프에서 제공되었기에 코드 전문은 공개할 수 없는 점 참고 바랍니다. 수업 듣기(Udemy): https://www.udemy.com/course/comgongbro_server_clonecoding/ (광고 아님) 누구나 따라할 수 있는 서버 클론코딩 ( Feat . 컴공선배 라이징캠프 ) 이 강의는 스프링부트 혹은 노드 js로 개발하는 인스타그램 서버 클론코딩 강의입니다. www.udemy.com 우선 데이터베이스에 연결해준다...

5주차의 목표는 AqueryTool을 이용하여 인스타밀리그램(?)의 erd를 설계하고, 홈 화면에 필요한 리소스를 받아오기 위한 쿼리문을 설계하는 것이었다. 실습 영상은 아래에... 작성한 워크북은 여기에... https://roan-calendula-b59.notion.site/5-Work-Book-9c1588cbc8384e53a68cc5e650a435c5

화면에 딱 맞게 디자인하다보면 가끔 padding을 줄 때 박스가 화면을 벗어나는 경우가 있다. width: 1000px의 body에 width: 1000px의 div를 넣는다고 가정해보자. 화면에 딱 맞게 디자인 되었을 것이다. 여기서 text를 가장자리에서 좀 띄어놓고 싶어서 padding: 100px를 주었더니, div가 화면 밖으로 빠져나가버렸다. 이를 해결할 방법은 box-sizing: border-box속성을 주는 것이다. 마법같이 해결된다. 이 마법(?)을 이해하려면 padding의 원리부터 알아야 한다. 1000px의 박스에 200px의 padding을 주면 css는 기존 박스의 크기를 유지하기 위해 200px만큼 박스를 늘리게 된다. 즉 전체 박스의 크기는 1200px가 되는 것이다. 이..

열심히 클론코딩 하며 공부를 하고 있었다. 그냥 똑같이 만드는건 식상하니까 좀 차별화 되게 만들어보고 싶었다. 하지만, 바로 문제가 생겨벼렸다... (2시간 넘게 고민해보고 안되서 그날은 공부 포기하고 쉬었던...ㅜ) 바로 원치않게 화면의 요소가 앞으로 튀어나온 나온 것이다! 분명 다른데에선 이런 문제가 없었는데 이 페이지에서만 이랬다. 결국 앞으로 나온 부분들의 css를 찾아 조사해본 결과 기존 잘 되었던 페이지들과 차이점이 있었다. 바로 opacity, position 속성을 준 것이다. 냉정하게 오류난 부분이 기존의 것과 뭐가 다른지 알아내니까 원인을 찾기 쉬워졌고, 결국 찾아냈다. z-index 속성과 관련된 natural stacking order 문제 때문이었다. 문제를 설명하기에 앞서 pos..

문법 진수변환 print() 포메팅 print('%x' % n) # n: 10진수 int형 변수 # %x: 포메터 #x: 16진수 소문자 (Hexadecimal) #X: 16진수 대문자 #o: 8진수 (Octa) #b: 2진수 (Binary) 문자를 10진수 Unicode로 변경 ord(a) # a문자 -> 정수값 chr(a) # a정수값 -> 문자 # Unicord에 의거 ( A == 65 ) 소수점 반올림 포메팅 format(n, ".2f") # n을 소수점 둘째 자리까지 반올림 비트 시프트 연산 print(a a 40 # a 1 #~a = 11111111 11111111 11111111 11111110 -> -2 # ~n = -n - 1 관계에 있다고 보면 된다 나머지 비트 단위 연산자 # ~ (b..

벚꽃, 느티나무, 찰랑이는 물 소리가 듣기 좋았습니다

한성대입구역 5번출구에서 내려서 걸어갔습니다. 돈까스 먹으러 갔다가 벚꽃 구경 잘 하고 옵니다 ㅎㅎ