These areas are close enough to Fisherman’s Wharf [1] to walk there for dinner, and the lodgings are far more affordable than downtown digs.
Links:
[1] http://www.moon.com/destinations/california/san-francisco-and-the-bay-area/sights/north-beach-and-fisherman-s-wharf/fisherman-s-wharf